Clearing grid filters error

[Marc]

I implemented the following function to clear all the filters in my grid at once:

// Clears all grid filters
function clearFilters(e) {
    // Get the grid id
    var gridId = $('.t-grid').attr('id');
    e = new $.Event(e);
    e.preventDefault();
    var grid = $('#' + gridId).data('tGrid');
    grid.filter('');
    grid.rebind();
    alert('All grid filters cleared');
}

This method worked fine in the Q2 grid version but no longer works after upgrading to the latest Q3 build.  The error is thrown on the call to the .rebind() method of the grid.  Any ideas or why the call to rebind is failing with error "Error! The requested URL did not return JSON"  Thanks.

[Marc]

Figured out a better workaround:

function clearFilters(e) {
    e = new $.Event(e);
    // Prevent form submission
    e.preventDefault();
 
    // Loop through grid filters and
    // click their "Clear Filter" button
    $('.t-clear-button').each(function () {
        $(this).trigger('click');
    });
 
    alert('All grid filters cleared');
}

[SEAN]

I'm doing this and I don't need to call rebind at all. Once I call filter I'm done. I am doing a couple of other things to actually clear the filter dialogs and reset the filter icons - perhaps that's why you were calling rebind? Anyhow, I tried your code and the problem is that if you trigger the click for each filter then you end up getting a roundtrip back to the server for every active filter, which you really don't want. Here's my clearFilters function:

function clearFilters(e) {
    e = new $.Event(e);
    e.preventDefault();

    //First clear the filter dialogs - took this from clearClick in telerik.grid.filtering.js
    $('div.t-filter-options')
        .find('input')
        .removeAttr('checked')
        .removeClass('t-state-error')
        .not(':radio')
        .val('')
        .end()
        .end()
        .find('select')
        .removeClass('t-state-error')
        .find('option:first')
        .attr('selected', 'selected');

    //Now iterate through the columns and clear the filters - this will cause the filter method to reset the filter icons
    var grid = $('#Grid').data('tGrid');
    $.each(grid.columns, function (index, value) {
        if (this.filters != null) this.filters = null;
    });

    //Now the filter method will do the rest
    grid.filter('');
}