如何在ExtJS组合框中显示水平滚动条？

Question

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

我试图摆弄Ext的CSS组合，没有运气。

有谁知道它是如何做到的？

使用ExtJS 3.2.0。

编辑： 提高可用性的替代解决方案也将被赞赏，例如，获取列表以随内容扩展。

Answer 1

我不知道你怎么可以添加一个滚动条，但我知道，你可以用良好的命名属性更改列表宽度：

listWidth：数

的（用作 Ext.Element.setWidth的参数） 下拉列表（默认为组合框字段的宽度为 ）。另请参见 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; 
} 

（我不知道重要的是这里很有用，没有测试！）