Filter

<div id="grid"></div>
<script>
  $("#grid").kendoGrid({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    dataSource: {
      data: [
        { id: 1, name: "Jane Doe", age: 30 },
        { id: 2, name: "John Doe", age: 33 }
      ],
      schema: {
        model: { id: "id" }
      }
    },
    filterable: true,
    filter: function(e) {
      if (e.filter == null) {
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log("filter has been cleared");
      } else {
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e.filter.logic);
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e.filter.filters[0].field);
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e.filter.filters[0].operator);
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e.filter.filters[0].value);
      }
    }
  });
</script>

<div id="grid"></div>
<script>
  $("#grid").kendoGrid({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    dataSource: {
      data: [
        { id: 1, name: "Jane Doe", age: 30 },
        { id: 2, name: "John Doe", age: 33 }
      ],
      schema: {
        model: { id: "id" }
      }
    },
    filterable: true
  });
  var grid = $("#grid").data("kendoGrid");
  grid.bind("filter", function(e) {
    if (e.filter == null) {
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log("filter has been cleared");
    } else {
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(e.filter.logic);
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(e.filter.filters[0].field);
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(e.filter.filters[0].operator);
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(e.filter.filters[0].value);
    }
  });
</script>