New to Kendo UI for jQuery? Start a free 30-day trial

Change

events

Fired when the generated filter expression is changed.

change

Event Data

e.expression `Object`

The generated filter expression object which can be used by the datasource.

e.sender `kendo.ui.Filter`

The widget instance which fired the event.

<div id="filter"></div>
<br /><br />
<script>
  var data = [
      { name: "Jane Doe", age: 30 },
      { name: "John Doe", age: 33 }
    ];

  var dataSource = new kendo.data.DataSource({
  	data: data,
    schema: {
      model: {
        fields: {
          name: { type: "string" },
          age: { type: "number" }
        }
      }
    }
  });

  $("#filter").kendoFilter({
  	dataSource: dataSource,
    change: function (e) {
/* The result can be observed in the DevTools(F12) console of the browser. */
        console.log(e.expression);
    }
  });
</script>

Change

change

Event Data

e.expression Object

e.sender kendo.ui.Filter

e.expression `Object`

e.sender `kendo.ui.Filter`