operators.numberObject

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.

Example - set number 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.number.eqString(default: "Is equal to")

The text of the "equal" filter operator.

Example

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

operators.number.neqString(default: "Is not equal to")

The text of the "not equal" filter operator.

Example

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

operators.number.isnullString(default: "Is null")

The text of the "isnull" filter operator.

Example

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", age: 25 },
        { name: "Jane", age: null }
    ],
    field: "age",
    operators: {
        number: {
            isnull: "Has no value"
        }
    }
});
</script>

operators.number.isnotnullString(default: "Is not null")

The text of the "isnotnull" filter operator.

Example

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", age: 25 },
        { name: "Jane", age: null }
    ],
    field: "age",
    operators: {
        number: {
            isnotnull: "Has a value"
        }
    }
});
</script>

operators.number.gteString(default: "Is greater than or equal to")

The text of the "greater than or equal" filter operator.

Example

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", age: 25 },
        { name: "Jane", age: 30 }
    ],
    field: "age",
    operators: {
        number: {
            gte: "At least"
        }
    }
});
</script>

operators.number.gtString(default: "Is greater than")

The text of the "greater than" filter operator.

Example

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", age: 25 },
        { name: "Jane", age: 30 }
    ],
    field: "age",
    operators: {
        number: {
            gt: "Greater than"
        }
    }
});
</script>

operators.number.lteString(default: "Is less than or equal to")

The text of the "less than or equal" filter operator.

Example

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", age: 25 },
        { name: "Jane", age: 30 }
    ],
    field: "age",
    operators: {
        number: {
            lte: "At most"
        }
    }
});
</script>

operators.number.ltString(default: "Is less than")

The text of the "less than" filter operator.

Example

<div id="filtermenu"></div>
<script>
$("#filtermenu").kendoFilterMenu({
    dataSource: [
        { name: "John", age: 25 },
        { name: "Jane", age: 30 }
    ],
    field: "age",
    operators: {
        number: {
            lt: "Less than"
        }
    }
});
</script>