Is there or isn't there a way to clear all filters at once in Javascript?

[Boris]

I have a fairly conventional grid with multiple filtered columns.  Is it or isn't it possible to clear all filters at once in JavaScript?

I've looked at multiple examples in this forum but I haven't been able to get anything to work correctly so far.  I don't see any clear definitive answers.

[Shinu]

Hi Boris

I tried an approach to clear filters on button click.
Try the following markup and JS and let me know your concern.
aspx:

<asp:Button ID="Button1" runat="server" OnClientClick="btnclick()" />

JS:

<script type="text/javascript">
function btnclick()
    {
    var grid = $find('<%=RadGrid1.ClientID%>');
    var tableView = grid.get_masterTableView();
    tableView.getColumnByUniqueName("FirstName").set_filterFunction(0);
    tableView.get_filterExpressions().clear();
    var filterRow = $telerik.$(grid.get_element()).find(".rgFilterRow");
    //FirstName is the name of the column in my case; just substitute it with your own.
    var txtProductID = $telerik.findElement(filterRow[0], "FirstName")
    txtProductID.value = "";
    tableView.rebind();
}
</script>

Thanks
Shinu.

[Boris]

That's good for one filter, not all filters at once.  

(If I understand correctly, any clearing of a single filter causes a postback?)

[Radoslav]

Hi Boris,

If you want only to clear the values from the controls into the filter item you do not need postback, you can get all columns by their UniqueName, by using getColumnByUniqueName, find the corresponding controls with findElement() or findControl() functions and clear their values. However if you want to remove the filter expressions from the RadGrid and return the data before filtering into the RadGrid you need to perform postback in order to get the new data for the RadGrid. For example the following code will clear all filter controls values and will return RadGrid in initial state with no filtered data into it:

foreach(var column in RadGrid1.MasterTableView.RenderColumns)
{
      column.ResetCurrentFilterValue();
}

RadGrid1.MasterTableView.FilterExpression = "";
RadGrid1.Rebind();

I hope this helps.

All the best,
Radoslav
the Telerik team

[Boris]

Actually my only motivation for trying to have a JavaScript clear command was so I could have an HTML input button identical in appearance to all the others that were setting individual Filters.  

I gave up and included roughly the same C# code as what you've shown in the item command of the refresh button.  

Probably better since it's more intuitive and simplified the screen.

Thanks.