如何將商店應用於ExtJS中的組合框？

Question

{ 
    fieldLabel: 'Tip', 
    name: 'SubjectType', 
    allowBlank: false, 
    xtype: 'combo', 
    displayField: 'name', 
    valueField: 'type', 
    typeAhead: true, 
    forceSelection: true, 
    queryMode: 'local', 
    store: subjectTypeStore, 
    listeners: { 
     select: function(a,selected,c){ 
      //console.log(a); 
      var tets = selected[0].data.type; 
      console.log(tets); 
      //console.log(c); 
     } 
    } 
}, 
{ 
    name: 'SubjectID', 
    allowblank: false, 
    xtype: 'combo', 
    displayField: 'name', 
    valuefield: 'name', 
    typeAhead: true, 
    forceSelection: true, 
    queryMode: 'local' 
} 

我想要做的是根據第一個組合框中的選定項目將組合框應用於第二個組合框。例如，如果您選擇寵物小精靈，那麼第二個組合框應加載pokemonStore。您改變主意並選擇Smurfs，然後第二個組合框加載smurfsStore。

我想學習的是如何將商店應用於現有的組合框。

Answer 1

這裏有一個簡單的例子JSFiddle

select: function(checkbox,records) { 
     comp.clearValue(); 
     comp.bindStore(Ext.StoreMgr.lookup(records[0].data.store)); 
     // you can change the value field if needed 
     comp.displayField = 'petname'; 
     // you can change the display field if needed 
     comp.valueField = 'id'; 
     // you can change the display template if needed 
     comp.displayTpl = new Ext.XTemplate(
      '<tpl for=".">' + 
       '{[typeof values === "string" ? values : values["' + comp.displayField + '"]]}' + 
       '<tpl if="xindex < xcount">' + comp.delimiter + '</tpl>' + 
      '</tpl>' 
    ); 
     comp.picker = null; 
}