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

ExpressionPreview

configuration

If set to true the filter will visualize the filter expression that will be applied to the datasource.

expressionPreview

Boolean

Default: false

<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,
    expressionPreview: true,
    expression: {
        logic: "or",
        filters: [
            { field: "name", value: "Jane Doe", operator: "eq" },
            { field: "name", value: "John Doe", operator: "eq" },
            { field: "age", value: 33, operator: "eq" },
            { field: "age", value: 30, operator: "eq" }
        ]
    }
  });

</script>