Extjs -- ComboBox [转]

属性介绍：

在items里，类型（xtype）设置成combo。

定义数据源：store

在store数组中定义了retrunValue和displayText两个字段。
retrunValue字段:指定是提交给后台的值
displayText字段:指定是在下拉中显示的选择值。

store中需要的数据(data)我们改成本地自定义数组data: [[1,'一月'],[2,'二月'],[3,'三月'],[4,'四月'],[5,'五月'],[6,'六月']]

下拉选择框的提交值对象的是存储中的retrunValue字段（valueField :"retrunValue"），显示文本是存储中的displayText字段（displayField: "displayText"），通过这两个设置就可将存储中的数据和下拉框对应起来。

数据是在本地，所以设置了模式为local（mode: 'local'）

下拉列表只允许选择，不允许输入（editable: false）

必须选择一个选项（forceSelection: true）

在没有选择值时显示为默认值（emptyText:'请选择）

提交form时，该项如果没有选择，则提示错误信息“请选择月份”（blankText:'请选择月份'）

该选项值不允许为空（allowBlank:false）

要注意的是hiddenName和name属性，name只是改下拉框内的名称，而hiddenName才是提交到后台的input的变量名。如果没有设置hiddenName，在后台是接收不到数据的

因为这个下拉是只能选择的，所以一定要设置属性triggerAction为all，不然当你选择了某个选项后，你的下拉将只会出现匹配选项值文本的选择项，其它选择项是不会再显示了，这样你就不能更改其它选项了

如果要为控件设置默认值，就设置属性value，value的值要设置为提交给后台的值，不要设置为显示文本

{
xtype:'combo',
store: new Ext.data.SimpleStore({
fields: ["retrunValue", "displayText"],
data: [
[1,'一月'],[2,'二月'],[3,'三月'],[4,'四月'],[5,'五月'],[6,'六月']
]
}),
valueField :"retrunValue",
displayField: "displayText",
mode: 'local',
forceSelection: true,
blankText:'请选择月份',
emptyText:'--请选择--',
hiddenName:'education',
editable: false,
triggerAction: 'all',
allowBlank:false,
fieldLabel: '月份',
name: 'education',
anchor:'90%'
}

转载之：http://blog.sina.com.cn/s/blog_53ece98d0100kj8v.html