Grid Filter Configuration

[boonkerz]

Hello,

Is it possible to configure this?

Thanks

[ssamayoa]

Manually:

SA 2.1: Override.
SA 2.2: new "process config".

Regards.

[boonkerz]

SA 2.2? is available?

[Gil Gordon]

there is a small private beta going on right now. that said, we are always on the lookout for good beta testers.

[boonkerz]

How can i use process config?

[Gil Gordon]

take a look at this new doc section: http://docs.sencha.com/architect/2/#...anel-section-8

(yes we know the content is listed twice on that page. should be fixed soon)

[boonkerz]

Ok that works but the DirectStore not query with Filters?

Any Hint?

[boonkerz]

Here my code:

Store:

Ext.define('MyApp.store.MyProductStore', {
    extend: 'Ext.data.Store',

    requires: [
        'MyApp.model.Product'
    ],

    constructor: function(cfg) {
        var me = this;
        cfg = cfg || {};
        me.callParent([Ext.apply({
            model: 'MyApp.model.Product',
            remoteSort: true,
            storeId: 'MyDirectStore1',
            proxy: {
                type: 'direct',
                directFn: Actions.PSCBackendPortal_Product.getProductList,
                reader: {
                    type: 'json',
                    root: 'rows',
                    totalProperty: 'results'
                }
            },
            sorters: {
                property: 'title'
            }
        }, cfg)]);
    }
});

Grid:

Ext.define('MyApp.view.MyProduct', {
    extend: 'Ext.grid.Panel',
    alias: 'widget.MyProduct',

    height: 250,
    width: 543,
    title: 'Produkte',
    forceFit: true,
    store: 'MyProductStore',

    initComponent: function() {
        var me = this;

        Ext.applyIf(me, {
            columns: [
                {
                    xtype: 'gridcolumn',
                    dataIndex: 'uid',
                    text: 'Id'
                },
                {
                    xtype: 'booleancolumn',
                    dataIndex: 'active',
                    text: 'Aktiv?',
                    falseText: 'Nein',
                    trueText: 'Ja'
                },
                {
                    xtype: 'gridcolumn',
                    filter: {
                        type: 'string'
                    },
                    dataIndex: 'title',
                    text: 'Title'
                }
            ],
            dockedItems: [
                {
                    xtype: 'pagingtoolbar',
                    dock: 'bottom',
                    width: 400,
                    displayInfo: true
                }
            ],
            selModel: Ext.create('Ext.selection.RowModel', {

            })
        });

        me.processMyProduct(me);
        me.callParent(arguments);
    },

    processMyProduct: function(config) {
        console.log(config);

        var filters = {
            ftype: 'filters',
            // encode and local configuration options defined previously for easier reuse
            encode: false, // json encode the filter query
            local: false   // defaults to false (remote filtering)

            // Filters are most naturally placed in the column definition, but can also be
            // added here.

        };

        config.features = [filters];
    }

});

[dfoelber]

Hi boonkerz,

At first glance, you seem to be doing the process config part correctly. Where do things break down for you?

[boonkerz]

the store not using the filters:

{"action":"PSCBackendPortal_Product","method":"getProductList","data":[{"shopId":160,"page":1,"start":0,"limit":25,"sort":[{"property":"title","direction":"ASC"}]}],"type":"rpc","tid":7}

only the normal stuff is requested.