Ext二级联动下拉框


Js代码

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 
}


« 
» 
快速导航

Copyright © 2016 phpStudy | 豫ICP备2021030365号-3