2014年8月18日 星期一

Extjs label 不折行

Label不折行的一個方式,最直接的方式就是設定width
不過,在width不知道的情況下(ex: text from database)
怎麼不靠width這屬性來做?
老句話,還是css的屬性做到了「white-space:nowrap」
ex:
===css 有弧角的 label=======================
.categoryLabel {
                      border-radius: 5px;
                      -moz-border-radius: 5px;
                      -webkit-border-radius: 5px;
                      -o-border-radius: 5px;
                      -ms-border-radius: 5px;
                      -khtml-border-radius: 5px;
                       background-color: #00FF00;color:#000000;
                       font-weight: bold;
                       white-space:nowrap;
                     
            }
================================
in js:
==================================
                    var node = Ext.create('Ext.form.Label', {
                        x: nextXPosition,
                        y: 3,
                        border: 2,
                        padding:'0 5 0 5',
                        cls: 'categoryLabel',
                        text: nodesArray[i].node_text,
                    });
====================================
如果你要測得label長度,還真的是要加入其他container時,才能取值的

以上,加油了

沒有留言:

張貼留言