ComboBox组件

(1)ComboBox控件支持自动完成、远程加载、和许多其他特性。

(2)ComboBox就像是传统的HTML文本 <input> 域和 <select> 域的综合；用户可以自由的在域中键入，或从下拉选择列表中选择值。默认用户可以输入认可值，即使它没有出现在选择列表中；设　　置为“true”，以阻止自由格式的值，并将其限制在列表中的项。

(3)选择列表中的项是从任何（包括远程store）填充。 store中的数据项被分别映射在每个选项的显示文本和隐藏值，通过和配置。

(4)如果store非远程，例如：仅依靠本地数据并从前端被加载，应该确保设置为“'local'”，因为这样会给用户提高相应。

1、示例：


     Insert title here

2、效果图：

3、常用属性及方法：

（1）属性：

　　1.valueField:"字符型"，value值字段

　　2.displayField："字符型",显示文本字段

　　3.editable：false//false则不可编辑，默认为 true

　　4.triggerAction:”all”//请设置为”all”,否则默认为”query”的情况下，你选择某个值后，再此下拉时，只出现匹配选项，如果设为”all”的话，每次下拉均显示全部选项

　　5.hiddenName:string //真正提交时此combo的name，请一定要注意。

　　6.typeAhead:true,//延时查询，与下面的参数配合

　　7.typeAheadDelay:3000,//默认250

（2）方法：

Ext.form.field.ComboBox

(

r )：通过或键值查找项目

转载于:https://www.cnblogs.com/yby-blogs/p/4481242.html

你可能感兴趣的文章