javascript - Ext JS 过滤呈现的列

Question

我希望能够过滤我数据的每一列。每次过滤时，我都使用:

addFilter({

             dataIndex: 0, //Or 1,2.. depending on the column i want to filter on
             type: 'string', 
             value: value,
});

这里的问题是我要过滤的列的 dataIndex 是一个对象，所以我实际上是在过滤“对象”的字面字符串值。它是对象，因为在我的商店中，我为每个 dataIndex 存储一个对象，并使用 render 函数显示它。

单击标题触发菜单，有一个文本框我用来输入过滤器，如果您输入“对象”一词的任何字母，它就会起作用。我如何得到它来过滤对象的值，而不是文字字符串 'Object'

https://fiddle.sencha.com/#fiddle/163s

Answer 1

您的 type: 'string' 实际上说过滤器应该对字符串起作用。因此对象被字符串化为 [object object] 并与您提供的值进行比较。

相反，您需要使用自定义过滤器功能。在过滤器上使用 id 会很有用，因此同一列上的新版本会替换旧版本。

var dataIndex = column.dataIndex,
    value = textfield.getValue();
grid.getStore().addFilter([{
    id:"filter-"+dataIndex,
    filterFn:function(record) {
        // Example: Only return records where the object has a property by that name.
        return Ext.Object.getKeys(record.get(dataIndex)).indexOf(value)>-1;
    }
}]);