Как да приложа магазин в комбинация в ExtJS? - extjs, combobox, extjs4, store, extjs4.1

{
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"
}

Това, което искам да направя, е да прилагам магазин за комбинирани кутиивтората комбинирана кутия според избрания елемент в първата комбинирана кутия. Например, ако изберете Pokemons, вторият комбиниран бокс трябва да зареди pokemonStore. Променяте решението си и избирате смърфове, след това вторият комбиниран бокс зарежда smurfsStore.

Това, което искам да науча, е как да прилагам магазина към съществуваща комбинирана кутия.

Отговори:

Ето един прост пример 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;
}