ExtJs combo的二级联动

来源：互联网发布：淘宝店铺两边怎么装修编辑：程序博客网时间：2024/05/17 05:16

二级联动主要是监听一级下拉框的取值，然后将该值作为二级下拉框请求数据时参数。下拉框和其对应的数据源都进行单独定义

var typeData =[{'id':1,'type':'AAAAA'},                 {'id':2,'type':'BBBBB'},                 {'id':3,'type':'CCCCC'}       ];    var ConcludeStore = new Ext.data.JsonStore({          data:typeData,          fields:['id','type']  });  var TypeNameStore = new Ext.data.JsonStore({fields:[        'id',        'typename'        ]}); var newsStore = new Ext.data.Store({reader : new Ext.data.JsonReader({totalProperty : 'totalProperty',root : 'root'}, news),proxy : new Ext.ux.data.DWRProxy({dwrFunction : DedeNewsController.getNewsPublicByPageInit})});

 {columnWidth : .5,layout : 'form',items : [ {xtype : 'combo',fieldLabel : '所属版块',hiddenName : 'type',triggerAction : 'all',store : ConcludeStore,displayField : 'type',valueField : 'id',mode : 'local',anchor : '80%',editable : false,allowBlank : false,emptyText : '---请选择---',listeners : {                 select : function(combo, record, index){             var typeid = combo.value;DedeNewstypeController.getTypeNameList(typeid,function(data){if(data){// 加载数据TypeNameStore.loadData(data);}});            }}} ]}, {columnWidth : .5,layout : 'form',items : [ {xtype : 'combo',fieldLabel : '所属类型',hiddenName : 'typename',triggerAction : 'all',store : TypeNameStore,displayField : 'typename',valueField : 'id',mode : 'local',anchor : '80%',editable : false,allowBlank : false,emptyText : '---请选择---'} ]}

0 0