Grid header filters

[dougboyd]

Heya D

Great plugin. However, I'm really keen to see it migrated to the 4.0x platform and am curious if there's a roadmap/timeframe. I've pulled the code apart enough to recognise that the basic paradigm of columns is completely different in 4.0x and am considering rewriting myself but don't want to reinvent the wheel if it is going to be released in the near future.

And comment or direction?

Cheers

Doug

[d.zucconi]

Hi,
We think to begin to migrate our Ext-ux library (wich includes the GridHeaderFilters plugin) to Ext4 in the next 2 or 3 months.
So probably at the end of october or in the first half of november we could have a prototype of GridHeaderFilter plugin developed for Ext4.
We hope to be able to mantain our develop plan.
Thanks to every one that supports our work in this thread.

[d.zucconi]

Hi all,
A ExtJS 4 preview version of this plugin is now available on a new thread:
http://www.sencha.com/forum/showthread.php?150918-Grid-Header-Filters&p=660276#post660276
The plugin has been rewritten and some functionality removed or updated.
Please check the new thread for further details and news.

[sajidalimudassar]

Thank you d.zucconi for the preview release.

[vann]

Hello All and thanks in advance,

I am filtering on a text field and want to apply the filter after each keyup

columns: [{
header: "xxx ID",
dataIndex: 'xxx_id',
sortable: true,
width:75,
css:'vertical-align:middle;',
filter:{
xtype:"textfield",
filterName:"FILTER_id",
applyFilterEvent:'onkeyup'
}
}

Does anyone know how I can get this effect?

thanks,
Van

[vann]

found the answer to my problem. Completely forgot about this setting: enableKeyEvents: true

filter:{
xtype:"textfield",
filterName:"FILTER_synopsis",
enableKeyEvents: true,
applyFilterEvent:'keyup'
}

[HarryC]

Damiano, thank you so much for this plugin. I've been using ExtJS for 3 years and only just discovered it now. It's one of the best plugins I've seen and I wish I'd found it sooner.

Thank you for your hard work on this.

[ing.amdangelo]

Where I Download the plugin for the Ext.3 version ??

[Dan Dragut]

Hi,

First of all, thanks for making the plugin available, I've just used recently in my project.

I found the need to be able to submit the filter values in a single field, and I believe a couple of other people expressed similar earlier in the thread, and I made this change allowing for the filter values to be packaged into a single Json object (optional), instead of separate filter fields - thought it may be useful to others. I haven't fully tested to see what happens when the field is disabled, but it seems to work for me, so here it is the diff for it.

130a131,136>      * @cfg {String} submitSingleObject
>      * If specified, submits filter values under this one parameter name (Json encoded), instead of separate parameters (default behavior).    
>      */
>     submitSingleObject: null,
>     
>     /**
682c688,690
<             this.grid.store.baseParams[el.filterName] = sValue;
---
>             if (!Ext.isString(this.submitSingleObject))
>                 this.grid.store.baseParams[el.filterName] = sValue;
>             
718a727
>         
721a731,736
>         
>         // Single JSON object...
>         if (Ext.isString(this.submitSingleObject))
>             slp[this.submitSingleObject] = Ext.encode(this.filters);
>         
>         // Reload store...

I'm still looking for a way to re-focus the last filter field after the store reload (masked), using the search triggerd by ENTER key...

[Dan Dragut]

Problem with my earlier change, to make the filter persistent when using a grid with a PagingToolbar - initial filtering would work fine, but paging through the contents would loose the filters...

http://docs.sencha.com/ext-js/3-4/#!...d-setBaseParam

// Single JSON object...
if (Ext.isString(this.submitSingleObject))
    this.grid.store.setBaseParam(this.submitSingleObject, Ext.encode(this.filters));
        
// Reload store...
    this.grid.store.load({params: slp});