fields.editorTemplate String|Function

The template which the widget will use to create the field editor.

Example - set the editorTemplate

<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
  });

  $("#filter").kendoFilter({
    dataSource: dataSource,
    expressionPreview: true,
    fields: [
      { 
        name: "age", 
        type:"number", 
        editorTemplate: function (container, options) {
            $('<input data-bind="value: value" name="' + options.field + '"/>')
                .appendTo(container).kendoNumericTextBox();
        }
      },
      { name: "name", type:"string", editorTemplate : "<input type='text' class='k-textbox' data-bind='value: value'/>" }
    ]
  });
</script>
In this article
Not finding the help you need? Improve this article