filterable.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.

Example - set string operators

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        eq: "Equal to",
        neq: "Not equal to"
      }
    }
  }
});
</script>

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

filterable.operators.string.eq String (default: "Is equal to")

The text of the "equal" filter operator.

Example - set the string "equal" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        eq: "Equal to"
      }
    }
  }
});
</script>

filterable.operators.string.neq String (default: "Is not equal to")

The text of the "not equal" filter operator.

Example - set the string "not equal" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        neq: "Not equal to"
      }
    }
  }
});
</script>

filterable.operators.string.isnull String (default: "Is null")

The text of the "isnull" filter operator.

Example - set the string "isnull" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        isnull: "Null"
      }
    }
  }
});
</script>

filterable.operators.string.isnotnull String (default: "Is not null")

The text of the "isnotnull" filter operator.

Example - set the string "isnotnull" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        isnotnull: "Not null"
      }
    }
  }
});
</script>

filterable.operators.string.isempty String (default: "Is empty")

The text of the "isempty" filter operator.

Example - set the string "isempty" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        isempty: "Empty"
      }
    }
  }
});
</script>

filterable.operators.string.isnotempty String (default: "Is not empty")

The text of the "isnotempty" filter operator.

Example - set the string "isnotempty" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        isnotempty: "Not empty"
      }
    }
  }
});
</script>

filterable.operators.string.startswith String (default: "Starts with")

The text of the "starts with" filter operator.

Example - set the string "starts with" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        startswith: "Starts"
      }
    }
  }
});
</script>

filterable.operators.string.contains String (default: "Contains")

The text of the "contains" filter operator.

Example - set the string "contains" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        contains: "Contains"
      }
    }
  }
});
</script>

filterable.operators.string.doesnotcontain String (default: "Does not contain")

The text of the "does not contain" filter operator.

Example - set the string "does not contain" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        doesnotcontain: "Doesn't contain"
      }
    }
  }
});
</script>

filterable.operators.string.endswith String (default: "Ends with")

The text of the "ends with" filter operator.

Example - set the string "ends with" operator

<div id="grid"></div>
<script>
$("#grid").kendoGrid({
  columns: [
    { field: "name" }
  ],
  dataSource: [
    { name: "Jane Doe" },
    { name: "John Doe" }
  ],
  filterable: {
    operators: {
      string: {
        endswith: "Ends"
      }
    }
  }
});
</script>
In this article
Not finding the help you need? Improve this article