您的位置:首页 > Web前端 > JavaScript

extjs表单中的下拉框(ComboBox)手动添加空选项

2013-02-25 16:23 387 查看
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%'
});


效果图如下:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: