组合的下拉列表获取组合的大小,并且显示具有较长文本的项目只会被裁剪。
我试图摆弄Ext的CSS用于组合而没有运气。
有谁知道怎么做?
使用ExtJS 3.2.0。
编辑: 提高可用性的替代解决方案也将被理解,例如,让列表随内容扩展。
答案 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在这里有用,未经测试)