如何在ExtJS ComboBox中显示水平滚动条?

时间:2010-06-23 12:17:38

标签: extjs

组合的下拉列表获取组合的大小,并且显示具有较长文本的项目只会被裁剪。

我试图摆弄Ext的CSS用于组合而没有运气。

有谁知道怎么做?

使用ExtJS 3.2.0。

编辑: 提高可用性的替代解决方案也将被理解,例如,让列表随内容扩展。

1 个答案:

答案 0 :(得分:0)

我不知道如何添加滚动条,但我知道您可以使用命名良好的属性更改列表宽度:

  

listWidth :数字

     

宽度(用作   Ext.Element.setWidth的参数)   下拉列表的列表(默认为   ComboBox字段的宽度)。也可以看看   minListWidth

对于水平滚动,它需要进行大量更改,因为列表容器宽度是强制的,因此css中的“溢出”属性是无用的。

编辑:另一种方法

你可以添加这个自定义css,对我来说似乎运行良好,就像包裹长行一样。

.x-combo-list-item  {
  white-space:normal;
}

当然,如果你添加它,它将适用于所有组合列表。

您可以在Ext.form.ComboBox上设置listClass : 'x-combo-list-wrap',然后仅将css应用于这些项目:

x-combo-list-wrap .x-combo-list-item  {
  white-space:normal !important;
}

(我不确定!important在这里有用,未经测试)