ext combobox 数据宽度问题（转）

最新推荐文章于 2021-02-13 19:20:14 发布

孤城冰

最新推荐文章于 2021-02-13 19:20:14 发布

阅读量1k

点赞数

分类专栏： Ëxt

25 篇文章

订阅专栏

本文探讨了ExtJS中ComboBox组件的宽度自适应问题，特别是matchFieldWidth属性的作用及其对下拉列表显示的影响。通过具体配置示例，展示了如何平衡文本框宽度与下拉列表宽度，以实现更好的用户体验。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

模仿地址：https://blog.youkuaiyun.com/fengoh/article/details/34860613
设置的matchFieldWidth=false会随着数据长度改变宽度，数据如果很短会导致列表显示不完整，很长则会超长；设置的matchFieldWidth=true则固定于文本框一样长，如果文本框不够长，则限制了下拉列表无法全部展现。
关键代码：
{
xtype : 'combobox',
width : 260,
fieldLabel : '<label style="color:red">*</label>特征类型',
labelAlign : 'right',
id:'productFeatureTypeId',//定义上下文查找ID
name : 'productFeatureTypeId',//表单提交ID
hiddenName:'productFeatureTypeId',
displayField : 'description',
store : 'feature.combobox.ParentTypeStore',
allowBlank: false,
matchFieldWidth: false,
forceSelection: true,
minChars: 1,
pageSize: 10,
queryMode: 'local',
ypeAhead: true,
valueField : 'productFeatureTypeId',
selectFlag:true,//很关键，由于文本数据改变事件执行的优先级别比较高，需要根据一个标记来判断是否需要输入数据
}