在EXTJS中包裝標籤

我無法在extjs中包裝標籤。我需要動態地設置這個值，當這個值太長時，它會破壞佈局（在我的情況下是表格佈局）。下面是我使用的代碼：在EXTJS中包裝標籤

{ 
     xtype: 'label', 
     text: 'Bla bla bla bla bla', 
     labelWidth: 20, //had tried width as well, but no use 
     labelAlign: 'left', 
     autoWidth :false, 
     boxMinWidth: 10, 
     boxMaxWidth:20, 
     colspan:1, 
     margin: '50 50 50 50' 
    }

我曾嘗試修改默認的extjs css文件以及。在ext-theme-classic-all.css中添加了.x-form-label{white-space:normal}，但沒用。請幫助...

來源

2013-05-10 CARTIC

這在Webkit中起作用。

{ 
    xtype: "label", 
    id: "specificLabel" 
}

.x-form-label#specificLabel { 
    width: 20px; 
    overflow: hidden; 
}

來源

2013-05-10 16:58:08

嗨托馬斯，謝謝你的迴應。我把代碼放在ext-theme-classic-all.css文件中，但沒有奏效。請讓我知道，如果我試圖以正確的方式... – CARTIC 2013-05-15 06:07:14

你會想包括最終的CSS覆蓋這樣的東西，我認爲。（這就是我管理它的方法。） – 2013-05-15 06:15:28

什麼包裹在面板內部長標籤文本時，在4.2.1工作對我來說是這樣的：

   { 
       xtype: 'label', 
       width: '100%', 
       text: 'xxxxxxxxxxxxx yyyyxx xxxx xxxx xxxxx xxxxx aaaa bbbb cccc dddd xxxxxxxxxxxxx yyyyxx xxxx xxxx xxxxx xxxxx aaaa bbbb cccc dddd ', 
       },

看起來像這樣在我的應用程序在Chrome ，FF和IE11：

enter image description here

來源

2014-04-30 11:36:46 Guus

在EXTJS中包裝標籤

回答

相關問題