WEB开发网
开发学院网页设计JavaScript Ext二级联动下拉框 阅读

Ext二级联动下拉框

 2009-09-09 00:00:00 来源:WEB开发网   
核心提示:Js代码 combobox的二级联动实现:{xtype:'combo',id:'combo1',emptyText:'请选择...',typeAhead:true,triggerAction:'all',lazyRender:true,mo

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 
} 
 

Tags:Ext 二级 联动

编辑录入:爽爽 [复制链接] [打 印]
赞助商链接