combobox的二级联动实现:
{
xtype : 'combo',
id : 'combo1',
emptyText : '请选择...',
typeAhead : true,
triggerAction : 'all',
lazyRender : true,
mode : 'local',
store : store1,
valueField : 'value',
displayField : 'displayText',
width : 80,
editable : false,
listeners : {
select : function(combo, record, index) {
if (index == 0) {//
combo2.setDisabled(true);
combo2.clearValue();//
} else {
combo2.setDisabled(false);
if (index == 1) {//
combo2.clearValue();
combo2.store.loadData([week);
} else {//
combo2.clearValue();
combo2.store.loadData(month);;
}
}
}
}, {
xtype : 'combo',
id : 'combo2',
emptyText : '请选择...',
typeAhead : true,
triggerAction : 'all',
lazyRender : true,
mode : 'local',
store : new Ext.data.SimpleStore(
{
data : [],
fields : ['value', 'displayText']
}),
valueField : 'value',
displayField : 'displayText',
width : 80,
editable : false,
disabled : true
}
Ext二级联动下拉框
最新推荐文章于 2020-01-14 12:10:45 发布