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

ApplyButton

configuration

If set to true the filter will display a button which when clicked will apply filtering over the datasource.

applyButton

Boolean

Default: false

<div id="filter"></div>
<br /><br />
<div id="grid"></div>
<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,
    applyButton: true
  });

  $("#grid").kendoGrid({
    columns: [
      { field: "name" },
      { field: "age" }
    ],
    dataSource: dataSource
  });
</script>