{
columnWidth : .5,
layout : 'form',
border : false,
items : [{
id : 'gyc',
name : 'warnnames',
xtype : 'combo',
fieldLabel : '來源',
store :new Ext.data.SimpleStore({
fields : ["id", "value"],
data : [['1', '監控定製'],
['2', '模擬登陸'],
['3', '批量監控']]
}),
valueField : "id",
displayField : "value",
mode : 'local',
emptyText : '請選擇...',
forceSelection : true,
hiddenName : 'warnnames',
editable : false,
triggerAction : 'all',
anchor : '95%',
listeners:{
select:function(combo, record,index){
var gycCombox = Ext.getCmp("gyc");
var hccCombox = Ext.getCmp("hcc");
//alert(gycCombox.getValue());
hccCombox.clearValue();
hccCombox.store.load({params:{warnnames : gycCombox.getValue()}});
}
}
}]
}, {
columnWidth : .5,
layout : 'form',
border : false,
items : [{
id: "hcc",
name : 'warncode',
xtype : 'combo',
fieldLabel : '預警代碼',
store : new Ext.data.JsonStore({
url:'rec.action',
autoLoad:true,
root:'root',
fields:['warncode']
}),
valueField : "warncode",
displayField : "warncode",
mode : 'local',
forceSelection : true,
blankText : '請選擇預警代碼!',
emptyText : '請選擇...',
hiddenName : 'warncode',
editable : false,
triggerAction : 'all',
allowBlank : true,
fieldLabel : '預警代碼<font color="red">*</font>',
listeners : {
"select" : function() {
var wn=Ext.getCmp("gyc").getValue();
if(wn==""||wn==null){
var config = {
title:'提示',
msg: '請先選擇來源!'
}
Ext.Msg.show(config);
wc.setValue(" ");
return false;
}
var wc=Ext.getCmp("hcc");
wc.enable();//設置成有效
}
},
anchor : '90%'
}]
}
Extjs實現二級聯動
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.