如何在 ExtJS ComboBox 中显示水平滚动条？答案

【问题标题】：How to display horizontal scroll bar in ExtJS ComboBox?如何在 ExtJS ComboBox 中显示水平滚动条？
【发布时间】：2010-06-24 23:43:09
【问题描述】：

Combo 的下拉列表获取 Combo 的大小，而文本较长的项目的显示将被裁剪。

我尝试摆弄 Ext 的 CSS 以获得连击，但没有成功。

有人知道怎么做吗？

使用 ExtJS 3.2.0。

编辑：提高可用性的替代解决方案也将受到赞赏，例如让列表随内容一起扩展。

【问题讨论】：

标签： extjs

【解决方案1】：

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

listWidth：数字

宽度（用作 Ext.Element.setWidth 的参数）下拉列表（默认为组合框字段的宽度）。也可以看看最小列表宽度

对于水平滚动，需要做很多改动，因为列表容器的宽度是强制的，所以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 在这里是否有用，未经测试）

【讨论】：