Ext 的 list动态获取数据

TianYa 2011-06-27 05:40:08
有一个select组件,和一个list组件。打开页面时,list显示所有数据,当select的change事件触发时,list中的数据随着所选条件改变,怎么实现?
...全文
129 5 打赏 收藏 转发到动态 举报
写回复
用AI写文章
5 条回复
切换为时间正序
请发表友善的回复…
发表回复
TianYa 2011-06-27
  • 打赏
  • 举报
回复
嗯,得到想要的效果了^_^.
Ext.setup({
onReady:function(){
Ext.regModel('Contact',{
fields:['gender','name','age']
});

var data = [{gender:'男',name:'张三',age:22},
{gender:'女',name:'李丽',age:24},
{gender:'男',name:'李四',age:21},
{gender:'男',name:'王五',age:25},
{gender:'男',name:'赵六',age:23}];

var store =new Ext.data.JsonStore({
model:'Contact',
data:data
});

var list = new Ext.List({
store:store,
itemTpl:'姓名:{name}  性别:{gender}  年龄:{age}',
id:'list1'
});


var pnl = new Ext.Panel({
fullscreen:true,
dockedItems:[{
xtype:'toolbar',
items:[{
xtype:'selectfield',
name:'selGender',
options:[{
text:'性别',value:''
},{
text:'男',value:'男'
},{
text:'女',value:'女'
}],
listeners:{
change:function(item,value){
var list1 = Ext.getCmp('list1');
store.filterBy(function(record) {
return record.get('gender') ==value;
});

list1.store=store;
list1.refresh();
}
}
}]
}],
items:[list]
});
}
});
www_ov98_com 2011-06-27
  • 打赏
  • 举报
回复
求解!!!
TianYa 2011-06-27
  • 打赏
  • 举报
回复
有人知道不?
TianYa 2011-06-27
  • 打赏
  • 举报
回复
代码如下:Ext.setup({
onReady:function(){
Ext.regModel('Contact',{
fields:['gender','name','age']
});

var data = [{gender:'男',name:'张三',age:22},
{gender:'女',name:'李丽',age:24},
{gender:'男',name:'李四',age:21},
{gender:'男',name:'王五',age:25},
{gender:'男',name:'赵六',age:23}];

var store =new Ext.data.JsonStore({
model:'Contact',
data:data
});


var list = new Ext.List({
store:store,
itemTpl:'姓名:{name}  性别:{gender}  年龄:{age}',
id:'list1'
});


var pnl = new Ext.Panel({
fullscreen:true,
dockedItems:[{
xtype:'toolbar',
items:[{
xtype:'selectfield',
name:'selGender',
options:[{
text:'性别',value:''
},{
text:'男',value:'男'
},{
text:'女',value:'女'
}],
listeners:{
change:function(item,value){
var list1 = Ext.getCmp('list1');
store.filter('gender',value);
list1.store=store;
list1.refresh();
}
}
}]
}],
items:[list]
});
}
});
store第一次过滤数据后,第二就拿不到完整的data了,而是第一次过滤的结果.有没有办法让它每次都是从完整的数据中进行过滤?
TianYa 2011-06-27
  • 打赏
  • 举报
回复
求解!!!

87,901

社区成员

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

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