如何过滤多个 extjs 网格列? [英] How to filter multiple extjs grid columns?
本文介绍了如何过滤多个 extjs 网格列?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我们可以使用过滤一个网格列:
To filter one grid column we can use:
{
xtype: 'button',
text:'Search',
handler:function(){
store.clearFilter();
var searchValue = Ext.getCmp("textFieldId").getValue();
store.load().filter('GridFieldName', searchValue);
}
}
但是如何一次搜索多个字段,例如:
but how to search multiple fields at once, something like:
{
xtype: 'button',
text:'Search',
handler:function(){
store.clearFilter();
var searchValue = Ext.getCmp("textFieldId").getValue();
store.filter([
{property: "GridFieldName", value: searchValue},
{property: "GridFieldName1", value: searchValue}
]);
}
}
有什么想法吗?
奇怪的是,在这两种情况下,只有单一搜索有效:
The weird thing is that in both cases, only single search works:
这行得通:
store.filter([
{ property: "FirstName", value: searchValue }
]);
这很有效:
var FirstNameFilter = new Ext.util.Filter({
property: "FirstName", value: searchValue
});
store.filter(FirstNameFilter);
但事实并非如此:
store.filter([
{ property: "FirstName", value: searchValue },
{ property: "LastName", value: searchValue }
]);
或者这样做:
var filters = [
new Ext.util.Filter({
property: "FirstName", value: searchValue
}),
new Ext.util.Filter({
property: "LastName", value: searchValue
})
];
store.filter(filters);
推荐答案
尝试像这样创建 Ext.util.Filter
的实例:
Try to create instances of Ext.util.Filter
like this:
var filters = [
new Ext.util.Filter({
property: "GridFieldName", value: searchValue
}),
new Ext.util.Filter({
property: "GridFieldName1", value: searchValue
})
];
store.filter(filters);
或者,您可以使用自定义逻辑创建单个过滤器:
Alternatively, you can create single filter with custom logic:
var filters = [
new Ext.util.Filter({
filterFn: function(item){
return item.get('GridFieldName') == searchValue && item.get('GridFieldName1') == searchValue;
}
})
];
store.filter(filters);
这篇关于如何过滤多个 extjs 网格列?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文