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

Operators

configuration

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

If operators are defined manually, then the default messages will be overridden too. If you would like to control the operators and still use the default messages,

then you will need to retrieve them from the FilterCell prototype - kendo.ui.FilterCell.fn.options.operators.{type}, where type can be "string", "date", "number" and "enums".

operators

Object

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", age: 25 },
        { name: "Jane", age: 30 }
    ],
    field: "name",
    operators: {
        string: {
            eq: "Equals",
            neq: "Not Equals",
            contains: "Contains"
        }
    }
});
</script>

operators.date

Object

The texts of the filter operators displayed for columns bound to date fields.

Omitting an operator will exclude it from the DropDownList with the available operators.

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", hired: new Date(2020, 5, 15) },
        { name: "Jane", hired: new Date(2021, 8, 20) }
    ],
    field: "hired",
    operators: {
        date: {
            eq: "On",
            gte: "On or after",
            lte: "On or before"
        }
    }
});
</script>

operators.enums

Object

The texts of the filter operators displayed for columns which have their values option set.

Omitting an operator will exclude it from the DropDownList with the available operators.

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", status: 1 },
        { name: "Jane", status: 2 }
    ],
    field: "status",
    values: [
        { text: "Active", value: 1 },
        { text: "Inactive", value: 2 }
    ],
    operators: {
        enums: {
            eq: "Is",
            neq: "Is not"
        }
    }
});
</script>

operators.number

Object

The texts of the filter operators displayed for columns bound to number fields.

Omitting an operator will exclude it from the DropDownList with the available operators.

<div id="filter-menu">(age 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: {
          age: { type: "number" }
        }
      }
    }
  });

  $("#filter-menu").kendoFilterMenu({
    dataSource: dataSource,
    field: "age",
    operators: {
      number: {
        eq: "Equal to",
        neq: "Not equal to"
      }
    }
  });

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

In this example only two operators would be displayed in the DropDownList - "Equal to" and "Not equal to".

operators.string

Object

The texts of the filter operators displayed for columns bound to string fields.

Omitting an operator will exclude it from the DropDownList with the available operators.

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", category: "Manager" },
        { name: "Jane", category: "Developer" }
    ],
    field: "name",
    operators: {
        string: {
            eq: "Is exactly",
            neq: "Is not",
            contains: "Includes",
            startswith: "Begins with"
        }
    }
});
</script>

Operators

operators

operators.date

operators.enums

operators.number

operators.string

Related Members