如何过滤多个extjs网格列?
要过滤一个网格列,我们可以使用:如何过滤多个extjs网格列?,extjs,filter,grid,extjs4,store,Extjs,Filter,Grid,Extjs4,Store,要过滤一个网格列,我们可以使用: { xtype: 'button', text:'Search', handler:function(){ store.clearFilter(); var searchValue = Ext.getCmp("textFieldId").getValue(); store.load().filter('GridFieldName', searchValue); }
{
xtype: 'button',
text:'Search',
handler:function(){
store.clearFilter();
var searchValue = Ext.getCmp("textFieldId").getValue();
store.load().filter('GridFieldName', searchValue);
}
}
但是如何一次搜索多个字段,例如:
{
xtype: 'button',
text:'Search',
handler:function(){
store.clearFilter();
var searchValue = Ext.getCmp("textFieldId").getValue();
store.filter([
{property: "GridFieldName", value: searchValue},
{property: "GridFieldName1", value: searchValue}
]);
}
}
有什么想法吗
编辑:
奇怪的是,在这两种情况下,只有单一搜索有效:
这项工作:
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 }
]);
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);
这应该行得通。不是吗?据我所知,如果您应用如您所示的过滤器,它应该根据这两个条件进行过滤
store.filter([
{property: "GridFieldName", value: searchValue},
{property: "GridFieldName1", value: searchValue}
]);
作为替代方法,您应该能够使用setFilter函数添加新的过滤器
store.setFilter("GridFieldName", searchValue)
store.setFilter("GridFieldName1", searchValue)
如果使用不带参数的setFilter,则应重新应用先前定义的过滤器。只有在调用clearFilter时,它们才会被删除 尝试创建
Ext.util.Filter
的实例,如下所示:
var filters = [
new Ext.util.Filter({
property: "GridFieldName", value: searchValue
}),
new Ext.util.Filter({
property: "GridFieldName1", value: searchValue
})
];
store.filter(filters);
或者,您可以使用自定义逻辑创建单个过滤器:
var filters = [
new Ext.util.Filter({
filterFn: function(item){
return item.get('GridFieldName') == searchValue && item.get('GridFieldName1') == searchValue;
}
})
];
store.filter(filters);
我是在寻找一种使用OR逻辑过滤多列(实际上是所有列)的方法时发现这篇文章的。(因此search子句匹配A列或B列等)我最终使用自定义filter函数进行筛选,如:
...
var regex = RegExp('Insert searchclause here', 'i');
store.filter(new Ext.util.Filter({
filterFn: function (object) {
var match = false;
Ext.Object.each(object.data, function (property, value) {
match = match || regex.test(String(value));
});
return match;
}
}));
嗯
这是我的代码,适用于Pavel。对于搜索多列、不区分大小写的工作,请通过
或逻辑忽略位置
希望这有帮助。哪一个过滤了,firstName还是LastName?好吧,如果你把两个过滤器都放在一起,没有一个过滤器,只有一个可以使用,我需要说,过滤整个json以获取searchValue,所以我需要在多个列上使用多个过滤器?OP不仅提到这不起作用,而且我正在使用3.2(被迫使用),而且Ext.util.filter不存在。有什么建议吗?您好,这个代码过滤器检查两个字段,如果两个字段都可用,然后返回结果我需要查找中的任何一个字段,然后返回我尝试了“| |”,但它不起作用