Prevent double post on filter/sort reset

[Erik]

I have a grid with a large data set and I have a button that clears filters and sorting but each one causes a refresh of the data:

    $(function () {
        $("#reset").click(function (e) {
            e.preventDefault();
            var datasource = $("#grid").data("kendoGrid").dataSource;
            //Clear filters:
            datasource.filter([]);

          //Clear sorting:
            datasource.sort({});
        });
    });

Is there a way to combine this to only refresh the data once.

Thanks,

Erik

[Boyan Dimitrov]

Hello Erik,

 

The query method of the Kendo UI DataSource is designed for such cases. 

 

Regards,
Boyan Dimitrov
Telerik

[Erik]

Thanks but I cannot seem to get the syntax correct and the documentation is void of any useful examples.  Could you please provide a snippet showing how to do this for my grid. I'm not really sure how to reference the datasource in the Query as the example shows creating a static data var.  One exception I get is .filter is not a function.  

Any help would be great,

-Erik

[Boyan Dimitrov]

Hello Erik,

I am not sure why it is necessary to access the dataSource itself to clear the sort and filter expression. The code that will clear the applied sorting and filter expression will look like: 

$(function () {
       $("#reset").click(function (e) {
           e.preventDefault();
           var datasource = $("#grid").data("kendoGrid").dataSource;
           datasource .query({sort: {}, filter: {}});
       });
   });

Regards,
Boyan Dimitrov
Telerik

[Erik]

Thanks for the assist!