Extjs实现二级联动

来源:互联网 发布:验血单哪项数据看男女 编辑:程序博客网 时间:2024/05/16 09:15
{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%' }]}


原创粉丝点击