Clearing Filter and Filter Text in igGrid

State Not Answered
Replies 8 replies
Subscribers 15 subscribers
Views 13197 views
Users 0 members are here

365

Patrick posted over 11 years ago

Hello,

Within our grid, we are attempting to create a simple clear filter function. We've gotten the ability to reset our filter with the following line of code:

$("#grid").igGridFiltering("filter',[]);

Passing in an empty array to reset the filter. This creates most of the performance that we want, but what does occur is that the input from the user is still within the filter input cell in the grid. Is it possible to basically call the "clear filter" option (one of the filter options in the grid ui itself)?

Thanks.

7499

[Infragistics] Surya posted over 11 years ago

Dear Patrick,

Thank you for contacting Infragistics!

We received your support request concerning Clearing filter and filter text in igGrid, and this case has been assigned to me. Infragistics is dedicated to helping you solve this issue.

I am looking into this issue and will get back to you by the end of the day Thursday with more information or questions for you.
Cancel
Reply

Cancel

19693

[Infragistics] Tsvetelina Georgieva posted over 11 years ago

Hello Patrick,

It seems that the "updateUI" parameter is not taken into account when empty array is used in order to reset the filter

http://help.infragistics.com/jQuery/2012.1/ui.iggridfiltering#methods

An development issue will be submitted regarding this.

As a temporary workaround you can use the following code snippet

function clearFilter() {
        var $gridFiltering = $("#grid1").data("igGridFiltering");
        $gridFiltering.filter([],true);
        var editors = $gridFiltering._editors;
        for (var i = 0; i < editors.length; i++) {
            editors[i].value(null);
        }
//      $("#grid1").igGridFiltering("filter", ([{ fieldName: "ProductID", expr: '', cond: "equals"}]));
//      $("#grid1").igGridFiltering("filter", ([{ fieldName: "Color", expr: '', cond: "contains"}]));
}

Hope this helps.

365

Patrick posted over 11 years ago in reply to [Infragistics] Tsvetelina Georgieva

Thanks, Tsvetelina! That snippet worked exactly as expected.

Out of curiosity, is it possible to set the editor's values/text and programmatically invoking a filter event via filling in the igGridFiltering input?

For example, could I do something like:

editors[i].value("5"); //Assuming i is equal to a ProductID column

editors[i].text("5");

Would this execute a filter event?
Cancel
Reply

Cancel

19693

[Infragistics] Tsvetelina Georgieva posted over 11 years ago in reply to Patrick

Hello Patrick,

Using this approach you wil change only the value of the filtering editor but this won't invoke the filtering event.

You need to use the filter method for the purpose.

function clearFilter() { 
    var colSettings = $("#grid1").igGridFiltering("option", "columnSettings");
    for (var i = 0; i < colSettings.length; i++) {
        $("#grid1").igGridFiltering("filter",
        ([{ fieldName: colSettings[i].columnKey, expr: '5', cond: colSettings[i].condition}]));
    }
}

Let me know if you have further questions.

7499

[Infragistics] Surya posted over 11 years ago in reply to Patrick

Hello Patrick,

I have linked you case to the Development issue 124163. You will be notified once the service release is out include this fix.

Please let me know if I can provide any further assistance regarding this matter.
Cancel
Reply

Cancel