在Ext Js网格过滤器中未选中过滤器菜单的复选框时触发事件?

时间:2019-04-17 14:24:34

标签: javascript extjs extjs4

我一直在使用gridfilters插件来显示我的表。目前,无论何时由“ filterchange”事件触发而更改了列菜单的过滤器时,我都将应用自定义远程过滤器。在主ViewPort上:

xtype: 'gridpanel',
        title: 'Autopilot Monitor',
        titleAlign: 'center',
        store: 'AutopilotQueueStore',
        id: 'grid',
        plugins: 'gridfilters',
        maxRows: 20,
        selModel: {
            selType: 'cellmodel',
            mode: 'SINGLE'
        },
        listeners: {
            filterchange: 'onFilterChange'
        },

每当我填写过滤器的菜单字段时,都会调用filterchange事件并应用过滤器。同时,填写该字段后,将选中过滤器的菜单复选框。虽然,当我取消选中过滤器菜单复选框时,没有任何事件被调用(甚至没有filterchange)。

每当复选框的状态更改(选中或未选中)时,我都需要捕获一个要调用的事件。我该如何做呢?我的控制器:

onFilterChange: function (store, filters, e) {
    console.log(checkbox);
    var store = Ext.getStore('AutopilotQueueStore');
    var cmp = Ext.getCmp('id');
    Ext.override(Ext.grid.filters.Filters, { filterCls: Ext.baseCSSPrefix });
    store.clearFilter();
    var filter = filters[0];
    var txt = ""
    Ext.getCmp('filterTextField').setValue("");
    if (filter != undefined) {
        store.getProxy().extraParams = {
            filterColumn: filter.getValue() + "," + filter.getProperty(),
            filter: ''
        }
    }
    else {
        store.getProxy().extraParams = {
            filterColumn: txt,
            filter: ''
        }
    }

1 个答案:

答案 0 :(得分:0)

您可以使用其他侦听器获取此事件,可以在用户激活(或选中复选框)过滤器时使用filteractivate触发,而在用户取消激活(或取消选中该复选框时)使用filterdeactivate )过滤器