Grid header filters

[csextjs]

Nice plugin.

Does this plugin works with Columngridheader AND LockingGridView?
If anyone worked on this plugin with Columngridheader AND LockingGridView,
could you please let me know.

Thank you.

[KakaxiTaDie]

Hello all!!!I've a dynamic grid (json configuired) created as follow:

xgrid = new Ext.ux.GridExtension({    border:false    ,stateful:false     ,store:store    ,loadMask: true    ,stripeRows: true    ,plugins: [new Ext.ux.grid.GridHeaderFilters()]    ,columns:[]    ,viewConfig:{onDataChange: function(){        var columns = [];         columns.push(smodel);        for (var i = 0; i < this.ds.reader.jsonData.totcol; i++) {                       eval("this.ds.reader.jsonData.columns[i].renderer = "+this.ds.reader.jsonData.columns[i].renderer);                       columns.push(this.ds.reader.jsonData.columns[i]);                    }            this.cm.setConfig(columns);            this.syncFocusEl(0);                      },          forceFit:true,          emptyText: 'No records.'}            ,tbar: tb            ,sm : smodel             ,bbar : new Ext.PagingToolbar({             store: store            ,displayInfo:true            ,pageSize:Prowperpage        })});

... and this is my json..

{"metaData": {"totalProperty": "total","root": "records","fields": [{"name":"objectUser","mapping":"Utilizzatore","type":"string"},{"name":"objectCode","mapping":"Oggetto","type":"string"},{"name":"userID","mapping":"Utente\/*all","type":"string"},{"name":"applicationArea","mapping":"Area Applicativa","type":"string"},{"name":"mKey","mapping":"mKey","type":"string"}]},"success": true,"total": 164,"records": [-------],"totcol":4,"columns": [{"dataIndex":"objectUser","header":"Utilizzatore","filter":{"xtype":"textfield"},"decorated":false},{"dataIndex":"objectCode","header":"Oggetto","filter":{"xtype":"textfield"},"decorated":false},{"dataIndex":"userID","header":"Utente\/*all","filter":{"xtype":"textfield"},"decorated":false},{"dataIndex":"applicationArea","header":"Area Applicativa","filter":{"xtype":"textfield"},"decorated":false},{"dataIndex":"mKey","header":"mKey","hidden":true}]}

... but i don't see any filter in grid... without errors...Anyone can help?? Please..I've using EXT 3.3.0ThanksEDIT..In firebug i see that:When the plugin is inizialized, the column model does not exist yet. This is due to the type of column model (loaded via json)???

Hi!I'm using EXTJS 4.0 now.I've a dynamic grid (json configuired) which need filters on the header .Then I get this plugins and see your messages.I know the plugins cannot help solving this problem.Have you ever done it ? and can you help me ?thanks!

[sofia@apexchat.com]

Hi,
I am using a combo box as a filter in a column. When I select a value from the combo box, it does not show up and I see a blank value selected. Any idea why this is happening?

Thanks
Sofia

[qooleot]

I'm using this plugin with multiple filters per field (and local stores for comboboxes) in ext 4.1.1.

I made two changes to this plugin that might be useful for other folks:

  var newSf = new Ext.util.Filter({
                            root: this.filterRoot,
                            property: fn,
                            value: filters[fn],
                            anyMatch: true,
                            label: field.fieldLabel
                        });

A lot of people use the anyMatch plugin for comboboxes, so I wanted it here for consistency. If we add this to the library, we should make it a property upon initializing it instead of just hardcoding it to true though.

Within 'renderFilters' function:

for(var ci = 0; ci < fca.length; ci++)
                {
                    var fc = fca[ci];
                    Ext.applyIf(fc, {
                        filterName: column.dataIndex,
                        fieldLabel: column.text || column.header,
                        hideLabel: fca.length == 1
                    });
                    var initValue = Ext.isEmpty(filters[fc.filterName]) ? null : filters[fc.filterName];
                    if (initValue == undefined || initValue == null) {
                      initValue = fc.value;
                    }


                    Ext.apply(fc, {
                        cls: this.filterFieldCls,
                        itemId: fc.filterName,
                        anchor: '-1'
                    });
                    var filterField = Ext.ComponentManager.create(fc);
                    filterField.column = column;
                    this.setFieldValue(filterField, initValue);
                    this.fields[filterField.filterName] = filterField;
                    filterContainerConfig.items.push(filterField);
                }

I pass my initial values for combobox filters via the value property:

{xtype: 'combo', value: 'contains', store: [..]...}

and that change was necessary so it actually picked up that initial value.

[gayathr]

I tried to implement Filter as first row inside the grid with the help of this plug in in Ext js 4.1. But this is not working. Can you please let me know whether this plugin will work for 4.1 or not

[gayathr]

I tried to implement Filter as first row inside the grid with the help of this plug in in Ext js 4.1. But this is not working. Can you please let me know whether this plugin will work for 4.1 or not

[d.zucconi]

I tried to implement Filter as first row inside the grid with the help of this plug in in Ext js 4.1. But this is not working. Can you please let me know whether this plugin will work for 4.1 or not

​http://www.sencha.com/forum/showthread.php?150918

[gayathr]

Thanks

Now filters are coming inside the grid. But the filter functionlity is not working. I mean i am unable to filter. Also i am unable to reposition the columns. Please suggest what needs to do. I am new to ext js

[Sabareesh]

Hi

I am using Extjs version 3 . Grid filter is working fine when i use the below coding

var filterRow = new Ext.ux.grid.FilterRow({
// automatically refilter store when records are added
refilterOnStoreUpdate: true
});

var grid= new Ext.grid.GridPanel({
store : artistDashboardStore,
plugins : [filterRow]});

but if i put the grid inside a panel like the below it is not working.

var artistDshTabPanel = new Ext.TabPanel({
activeTab : 0,
items : [{
title : 'ABC',
items :[grid]
}]
});

Any help ?

Thanks
Sabareesh

[viniscius]

Any luck on the online demo? The old link doesn't seem to be working...

Thanks in advance.
Regards.