Kendo Grid Server Side filtering

[GOVERTHANAN]

I have a kendo grid with server side paging and server side filtering. On the same page, I also have a clear button which should clear the data of the grid and replace it with blank rows. Is it possible to clear the filters of that grid, without calling the server side read? Currently when I do this, $("#grid").data("kendoGrid").dataSource.filter({}), it will call the server side function and load the data. Anyone can point me to the right direction? Thanks.

[Georgi Denchev]

Hello, Goverthanan,

You can prevent the requestStart event of the dataSource when you click on the clear button:

      $("#clear").on("click", function() {
        let grid = $("#grid").data("kendoGrid");
        grid.dataSource.one("requestStart", function(e) {
          e.preventDefault();
        });
        grid.dataSource.filter({});
      });

This will empty the filter object without making a request to the server, however you won't see the changes visually until you make a request.

Let me know if this works for you.

Best Regards,
Georgi Denchev
Progress Telerik