combox虽然提供了emptyText这一属性,却不太好用,实际应用中,我们经常需要恢复到空值状态,也就是什么都不先的状态。用户一旦选择了某一选项,便无法重新回到空值状态。
下面介绍一种手动添加空选项的方法:
//会见类别store
var meetclassidstore = new Ext.data.JsonStore({
fields : [{name:'meetClassId'}, {name:'meetClassName'}],
url : 'meet/getMeetClassIds',
method : 'post',
autoLoad: true,
listeners:{
load : function(store, records, options ){
var data ={ "meetClassId": "", "meetClassName": "不限制"};
var rs = [new Ext.data.Record(data)];
store.insert(0,rs);
}
}
});
//会见类别下拉列表
var meetclassid = new Ext.form.ComboBox({
name: 'meetClassId',
store: meetclassidstore,
displayField: 'meetClassName',
valueField: 'meetClassId',
hiddenName: 'meetClassId',
fieldLabel: '会见类别',
typeAhead: true,
mode: 'remote',
forceSelection: true,
triggerAction: 'all',
selectOnFocus: true,
anchor: '85%'
});