欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Ext二级联动下拉框

程序员文章站 2024-02-13 16:56:28
...

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