Ext.ux.grid.FilterBar plugin

[grpbhb]

FilterBar + Bufferd Store + Memory Proxy
The FilterBar feature searchs only in the current page not in all pages!
Thankyou.

var store = Ext.create('Ext.data.Store', {
				model : 'Mediciones',
				remoteSort : false,
				remoteFilter : false,
				autoDestroy : true,
				autoLoad : false,
				pageSize : 100,
				buffered: true,
				proxy : {
					type : 'memory',//'pagingmemory',
					reader : {
						type : 'json',
						root : 'list'
					}
				}
			});

[ldonofrio]

in buffered store the store have only the loaded page of records so the plugin can't have access to the entire dataset. Maybe you have to load all pages first.

[grpbhb]

I found the fix. The bug is in the method filter of the Store.
My solution in green.

filter: function(filters, value) {
        if (Ext.isString(filters)) {
            filters = {
                property: filters,
                value: value
            };
        }


        var me = this,
            decoded = me.decodeFilters(filters),
            i = 0,
            doLocalSort = me.sorters.length && me.sortOnFilter && !me.remoteSort,
            length = decoded.length;


        for (; i < length; i++) {
            me.filters.replace(decoded[i]);
        }


        if (me.remoteFilter) {
            
            delete me.totalCount;
            
            
            
            
            if (me.buffered) {
                me.pageMap.clear();
                me.loadPage(1);
            } else {
                
                me.currentPage = 1;
                
                me.load();
            }
        } else {
            
            if (me.filters.getCount()) {
                me.snapshot = me.snapshot || me.data.clone();
                if(me.proxy.type != 'pagingmemory'){
me.data = me.data.filter(me.filters.items);
                }
                else{
                    var list = new Ext.util.MixedCollection(),           
                         items = Ext.Array.clone(me.proxy.data);
                    for(i=0;i<items.length;i++){
                        list.add(Ext.create(me.model,items[i]));
                    }
                    me.data = list.filter(me.filters.items);
               }
                if (doLocalSort) {
                    me.sort();
                } else {
                    
                    me.fireEvent('datachanged', me);
                    me.fireEvent('refresh', me);
                }
            }
        }
    },

[lelit]

Trying out this great plugin with the recently released 4.2.0.663, there is compatibility issue: in a few places it calls

me.grid.headerCt.getGridColumns(true)

, where in previous versions of ExtJS that

true

meant refresh the cache.

Current version of that method does not accept the flag anymore, its only arguments are declared private... and thus an error is raised about “result.push() is not a function”, in grid/header/Container.js at line 883.

As a quick fix, simply removing the parameter let me go further in my tests.

[ldonofrio]

thanks lelit, i've noted that too

[milestonebass]

When setting a column width, the filterbar field for that column is not being initially rendered. However, flexes work fine.

Has anyone else experienced this problem (and got a possible solution/explanation)?

plugins: [{
ptype: 'filterbar',
renderHidden: false,
showShowHideButton: true,
showClearAllButton: true
}],

{
xtype: 'gridcolumn',
dataIndex: 'name',
width: 200,
text: 'Role',
filter: true
},

Behavior:
The filter bar is initially hidden when the grid's backing store is loading (ajax load). Once loaded, the filterbar shows and the filters on columns with specified widths are not rendered. A hide, then show (using the show/hide icon) renders the fields correctly.

[mrsunshine]

@lelit: thanks for sharing this, saved me some time ;-)

[wki01]

Trying out this great plugin with the recently released 4.2.0.663, there is compatibility issue: in a few places it calls

me.grid.headerCt.getGridColumns(true)

, where in previous versions of ExtJS that

true

meant refresh the cache.

Current version of that method does not accept the flag anymore, its only arguments are declared private... and thus an error is raised about “result.push() is not a function”, in grid/header/Container.js at line 883.

As a quick fix, simply removing the parameter let me go further in my tests.

I replaced

me.grid.headerCt.getGridColumns(true)

with

me.grid.headerCt.getGridColumns()

but I always get result.push () is not a function
I do something wrong?

thanks

[mrsunshine]

Search the file also for just

.getGridColumns(true)

than you should find one more and it should work

[cwtuan]

any update for ExtJS 4.2?
Thanks!