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

DataSource

configuration

The data source to which the widget will apply a filter. Should be an existing kendo.data.DataSource instance.

dataSource

kendo.data.DataSource

<div id="filter"></div>
<br /><br />
<div id="grid"></div>
<script>
  var data = [
      { name: "Jane Doe", age: 30, city: "New York" },
      { name: "John Doe", age: 33, city: "Boston" },
      { name: "Alice Smith", age: 25, city: "Chicago" }
    ];

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

  $("#filter").kendoFilter({
    dataSource: dataSource,
  });
</script>