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;
});
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'
});