FilterRow for Ext JS 4 Grids?

Hi, as long as the store is called an refreshed, the plugin work is done, so you should debug what parameters are being sent to the query, and what response you are getting. I think your problem resides in the server-query-response part.

Ah, just opened it up in Firebug and indeed, I see the filter parameters being put in the requested store URL. I can indeed process the sent filters in my .NET / PHP script. But, didn't this plugin formerly do this completely client-side?

Hi, sorry if I can't help you in more detail, I just finished adapting the 4.1 implementation of this plugin, but the original authors know a lot more than me in details like what you are asking for.

But I think that the plugin relays in the store configuration, so if your store o grid use querymode local, your grid will work doing client-side filtering, and so will do the filterrow. Filterrow itself doesn't change in that case, just uses what you provide as grid / store.

OK, I was able to get this to work properly in the end, using my server-side scripts. Works like a charm and in the end it's better since now there are no more large resultsets being parsed which get truncated/filtered client-side anyway.

There is one more thing that caught my attention though., In my grid I have a boolean column with custom trueText and falseText properties. I notice the filter plugin doesn't work with these custom true and false text properties, but requires me to literally type 'true' or 'false' in the filter textbox.

I am using this plug-in with 4.1 version.I can see the filter text box in my grid.But when I enter some value and pressing enter I can see some query string appended with my request for server call.It is not handled on my service. So can any one tell me how to implement it on local store...if possible also provide the code snippet, I am using .Net...

Thanks in advance...

When integrating this I was receiving the following error once I set a column to nofilter:true (e.g. actioncolumn):

Code:

---

'getValue is not a function'


---

The code I am using is based on jccardenas. The fix I applied was to check for a col.nofilter before:

Code:

---

   
getSearchValues:function () {


        var values = {};
        this.eachColumn(function (col) {
            // CHANGE: only send populated fields
            if (!col.nofilter) {
                if (col.xfilterField.getValue() != '') {
                    if (col.xfilterField && col.xfilterField.xtype != 'component') {
                        values[col.dataIndex] = col.xfilterField.getValue();
                    }
                }
            }
        });




        // CHANGE: converted to JSON to send 1 param
        return Ext.JSON.encode(values);
    },


---

There might be a cleaner approach, but this worked for me. Hope it helps.

This plugin does not work with a grid that uses Ext.selection.CheckboxModel. I tried to load the plugin after the grid had been rendered, and that appeared to add the xfilterField constructor, but I was still unable to access the functions.

I hit a problem at:

Code:

---

                if (col.xfilterField.getValue() != '') {

---

has no method 'getValue'

Any suggestions?

Hi...

I've just create a new thread with a full example of my last version for Ext 4.1.3

I added feature such as Group heading support.

http://www.sencha.com/forum/showthre...839#post911839