extjs combox联动
Ext.define('Categorys',{extend:'Ext.data.Model',fields:[{type:'string',name:'id'},{ty...
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 方法中怎么写才对,现在只有第一次可以,下拉可以,再次修改上级菜单下级内容不会变怎么弄 展开
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 方法中怎么写才对,现在只有第一次可以,下拉可以,再次修改上级菜单下级内容不会变怎么弄 展开
1个回答
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询