filterable.operators Object

The text of the filter operators displayed in the filter menu.

In multiple TreeLists, it is possible to override the filterable options of the Kendo UI FilterMenu before the TreeLists are initialized. Then the new filter options will be available for all TreeLists without further configuration.

Example - override the filterable options in multiple TreeLists

<h4>TreeList One</h4>
<div id="treeList1"></div>
<h4>TreeList Two</h4>
<div id="treeList2"></div>

<script>
  kendo.ui.FilterMenu.fn.options.operators.string = {
    eq: "Equal to...",
    neq: "Not equal to..."
  };

  $("#treeList1").kendoTreeList({
    columns: [
      "lastName",
      "position"
    ],
    filterable: {
      extra: false
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, lastName: "Jackson", position: "CEO" },
        { id: 2, parentId: 1, lastName: "Weber", position: "  VP, Engineering" }
      ]
    }
  });

  $("#treeList2").kendoTreeList({
    columns: [
      { field: "lastName" },
      { field: "position" }
    ],
    filterable: {
      extra: false
    },
    dataSource: {
      data: [
        { id: 1, parentId: null, lastName: "Jackson", position: "CEO" },
        { id: 2, parentId: 1, lastName: "Weber", position: "  VP, Engineering" }
      ]
    }
  });
</script>
In this article
Not finding the help you need?