Extjs中Combobox两级联动,第二个combobox加载数据的问题

程序媛小李 2013-01-30 03:04:58
详细描述在此
http://blog.csdn.net/aaoxue/article/details/8556202

两个combobox的store的数据都在前台写好,思路是,第一个combobox选值后就对第二个store根据条件进行过滤,将第二个combobox展开,问题是,直接展开没有问题,当我再点击第二个组件的下拉框时,展开的没有过滤之前store的数据。如何解决?
	
//性别store
var sexStore = Ext.create('Ext.data.Store', {
fields: ['code', 'name'],
data : [
{"code":"0", "name":"female"},
{"code":"1", "name":"male"}
]
});
//所有人Store
var people = Ext.create('Ext.data.Store', {
fields: ['code','sexcode', 'name'],
data : [
{"code":"0", "sexcode":"0", "name":"li"},
{"code":"1","sexcode":"0", "name":"zhang"},
{"code":"2","sexcode":"1", "name":"sun"},
]
});
//combobox显示指定性别store
var peopleChoose = Ext.create('Ext.data.Store', {
fields: ['code','sexcode', 'name']
});
// 选择性别 combobox
Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Choose Sex',
store: sexStore,
id:'combo.ChooseSex',
queryMode: 'local',
displayField: 'name',
valueField: 'code',
renderTo: Ext.getBody(),
listeners:{
'change':function(thisField,newValue,oldValue,epots){
if(newValue!=null){
Ext.getCmp('combo.ChoosePeople').setDisabled(false);
people.filterBy(function(record){
return record.get('sexcode')==newValue;
});
Ext.getCmp('combo.ChoosePeople').expand();
//使用peopleStore时
// peopleChoose.removeAll();
// people.each(function(record){
// //过滤通过性别选择符合的人员数据
// if(record.get('sexcode')==newValue){
// peopleChoose.add(record);
// }
// });
}else{
Ext.getCmp('combo.ChoosePeople').setDisabled(true);
}
}
}
});

Ext.create('Ext.form.ComboBox', {
fieldLabel: 'Choose People',
//store: peopleChoose,
store:people,
disabled:true,
id:'combo.ChoosePeople',
queryMode: 'local',
displayField: 'name',
valueField: 'code',
autoSelect:false,
renderTo: Ext.getBody()
});
...全文
165 2 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
2 条回复
切换为时间正序
请发表友善的回复…
发表回复
程序媛小李 2013-01-30
  • 打赏
  • 举报
回复
引用 1 楼 showbo 的回复:
不明白你多整一个数据源干嘛? 经常是2个数据源都没出现你说那种全部显示的问题
先感谢版主回答,多整一个数据源就是为了避免全部加载的问题。 目前这段代码中只有三个数据源,测试只用到两个数据源,就真真的出现了我说的问题。链接里面有全部的代码,版主可以看看。
  • 打赏
  • 举报
回复
不明白你多整一个数据源干嘛? 经常是2个数据源都没出现你说那种全部显示的问题

87,996

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧