Extjs實現二級聯動

{
						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%'
								 
							}]
					}


發佈了31 篇原創文章 · 獲贊 11 · 訪問量 14萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章