extjs combox联动

开发中遇到了这样的问题

有2个combox组件，当组件一选择完数据后，组件2根据组件1的value从后台查找数据并返回给组件2

       遇到的问题：刚开始做的时候思路，给组件1添加select事件，当select的时候将组件2的store.reload({params:{canshu:canshu}})

但这样做完全是错误的，可能是对EXTJS了解不深，这种方法只能让组件2刷新一次，也就是第一次触发组件1的select的时候，以后再触发组件1的select事件都不会刷新组件2，所以最终放弃了上面的做法。

       解决办法：当组件1select的时候，直接用ajax访问后台，返回数据，然后通过组件2的store.loadData()来直接加载json数据，OK一切解决了，不过注意在后台返回的数据是文字格式，必须要转化成JSON对象才能成功的 loadData();

 

      实例：

//Combo1

     var _Proxy = new Ext.data.HttpProxy({url:path});
  
   var _Reader = new Ext.data.JsonReader({},
   [
    {name:'CengJi',type:'string',mapping:'cengJi'},
    {name:'displayCengJi',type:'string',mapping:'displayCengJi'}
   ]);
  
   var _Store = new Ext.data.Store({
    proxy:_Proxy,
    reader:_Reader
   });
  
   var ComBo1 = new Ext.form.ComboBox({
            
    height:100,
    width:200,
    name:name,
    fieldLabel:fieldlabel,
    editable:false,
    triggerAction:'all',//指定查询格式'ALL','QUERY'
    mode:'romote',
    store:_Store,
    displayField:'displayCengJi',
    valueField:'CengJi'
   });

  //主要的工作都是通过select事件完成的

ComBo1 .on('select',function(combo,record,index){
   
    var DeptJiBie = combo.getValue();
    var Store = combo2.getStore();
    SupperDept.clearValue();
   
    Ext.Ajax.request({
     url:'../../GetSupperDept.do',
     params:{DeptJiBie:DeptJiBie},
     method:'post',
     success:function(response) {
      var Data = response.responseText;

     //注意response.responseText是文本格式，必须要调用Ext.util.JSON.decode()方法转换成 json对象
      Store.loadData(Ext.util.JSON.decode(Data));
      //Ext.Msg.alert('消息提示',Data);
     
     },
     failure:function(response) {
      Ext.Msg.alert('消息提示','我擦，访问不了！');
     }     
    });

     });



//combo2

var _Proxy = new Ext.data.MemoryProxy([]);
  
   var _Reader = new Ext.data.JsonReader({},
   [
    {name:'deptname',type:'string',mapping:'deptname'},
    {name:'tid',type:'string',mapping:'tid'}
   ]);
  
   var _Store = new Ext.data.Store({
    proxy:_Proxy,
    reader:_Reader
   
   });
  
   var ComBo2 = new Ext.form.ComboBox({
            
    height:100,
    width:200,
    name:name,
    fieldLabel:fieldlabel,
    editable:false,
    triggerAction:'all',//指定查询格式'ALL','QUERY'
    mode:'local',
    store:_Store,
    displayField:'deptname',
    valueField:'tid'
   });