javascript - 设置事件过滤器的 Extjs 4.1.3 按钮

Question

我想在工具栏上添加一个按钮，自动将过滤器设置为事件状态，然后过滤数据。我已尝试使用 Ext 4.1.3 的 setActive() 函数，但该函数未被识别。

fiddle

代码

var openButton = Ext.create('Ext.Button', {
            text: 'Open Topics',
            handler: function () {
                grid[uniqueId].filters.setActive('Open/Current');
            }
        });

...
var columns = [{
    text: 'Status',
    width: 100,
    dataIndex: 'TopicStateValue',
    filter: {
        type: 'list',
        options: ['Open/Current', 'Archived/Closed', 'Hold']
    }
}
...

Answer 1

在您查找的位置找不到 setActive 方法。您尝试对过滤器列表执行 setActive，但只有找到特定过滤器对象后才能执行实际函数。

在您的示例代码中( fiddle 没有用，因为您跳过了那里有问题的列)，您将首先获得过滤器，如下所示:

var filter = grid[uniqueId].filters.getFilter('TopicStateValue');
filter.setActive(true);

但是激活过滤器并不会执行您期望的操作。它只会启用过滤器栏中的过滤器 UI 元素。要在启用后自动执行所述过滤器，您需要设置该过滤器的值:

filter.setValue('Open/Current');

如果您不使用过滤器栏或根本不想向用户显示此特定过滤器下拉列表，则最好直接过滤商店:

var store = grid[uniqueId].getStore();
store.filterBy(function(item) {
    return item.TopicStateValue == 'Open/Current';
});