在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}，但没用。请帮助...

答

这在Webkit中起作用。

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

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

嗨托马斯，谢谢你的回应。我把代码放在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

在EXTJS中包装标签

相关推荐