<div id="filter-menu"></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
  });

  $("#filter-menu").kendoFilterMenu({
  	dataSource: dataSource,
    field: "age",
    adaptiveMode: "auto",
    messages: {
        and: "and",
        or: "or",
        filter: "Apply filter",
        clear: "Clear filter"
    }
  });

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