Question

extjs combox联动

Ext.define('Categorys', {
extend: 'Ext.data.Model',
fields: [
{type: 'string', name: 'id'},
{type: 'string', name: 'text'},
],
});

function createStore(level,parantId) {
var myStroe= Ext.create('Ext.data.Store',{
model: 'Categorys',
proxy: {
type: 'ajax',
url: IOM.Param.memberProductDealUrl,
extraParams : {
action : 'category',
level : level,
parentId : parantId,
},

reader: {
type: 'json',
root: 'data',
successProperty : 'success'
}
},
// autoLoad: true
})
return myStroe;
}
var ComboBox1=new Ext.form.ComboBox({
fieldLabel : "种类",
allowBlank :false,
triggerAction:"all",//是否开启自动查询功能
store:createStore(1, 0),//定义数据源
displayField:"text",//关联某一个逻辑列名作为显示值
valueField:"id",//关联某一个逻辑列名作为实际值
emptyText:"一级分类",//没有选择时候的默认值
mode:'remote',
listeners:{
'change':function(code,id){
ComboBox2.store=createStore(2, id);
ComboBox2.reset();
ComboBox2.store.reload();
}
}
});
var ComboBox2=new Ext.form.ComboBox({
allowBlank :false,
triggerAction:"all",//是否开启自动查询功能
store:createStore(2, 0),//定义数据源
displayField:"text",//关联某一个逻辑列名作为显示值
valueField:"id",//关联某一个逻辑列名作为实际值
emptyText:"二级分类",//没有选择时候的默认值
mode:'local',
listeners:{
'change':function(code,id){
ComboBox3.store=createStore(3, id);
ComboBox3.store.reload();
ComboBox3.clearValue();
}
}
});
var ComboBox3=new Ext.form.ComboBox({
allowBlank :false,
name:'category',
triggerAction:"all",//是否开启自动查询功能
store:createStore(3, 0),//定义数据源
displayField:"text",//关联某一个逻辑列名作为显示值
valueField:"id",//关联某一个逻辑列名作为实际值
emptyText:"三级分类",//没有选择时候的默认值
mode:'local',
listeners:{
'change':function(val,ss){
level1_id=ss;
}
}
});

change 方法中怎么写才对,现在只有第一次可以,下拉可以,再次修改上级菜单下级内容不会变怎么弄

Answer 1

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