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

Filtering

events

Fired when the widget is about to filter the data source.

The event handler function context (available through the keyword this) will be set to the widget instance.

filtering

Event Data

e.sender `kendo.ui.AutoComplete`

The widget instance which fired the event.

e.filter `Object`

The filter descriptor that will be used to filter the data source.

The data source filters the data items client-side unless the data source serverFiltering option is set to true.

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
  dataSource: [ "Apples", "Oranges" ],
  filtering: function(e) {
      //get filter descriptor
      var filter = e.filter;
/* The result can be observed in the DevTools(F12) console of the browser. */
      console.log(filter);

      // handle the event
  }
});
</script>

<input id="autocomplete" />
<script>
function autocomplete_filtering(e) {
  //get filter descriptor
  var filter = e.filter;
/* The result can be observed in the DevTools(F12) console of the browser. */
  console.log(filter);

  // handle the event
}
$("#autocomplete").kendoAutoComplete({
  dataSource: [ "Apples", "Oranges" ]
});
var autocomplete = $("#autocomplete").data("kendoAutoComplete");
autocomplete.bind("filtering", autocomplete_filtering);
</script>

<input id="autocomplete" />
<script>
$("#autocomplete").kendoAutoComplete({
  dataSource: [ "Apples", "Oranges" ],
  filtering: function(e) {
      var filter = e.filter;

      if (!filter.value) {
        //prevent filtering if the filter does not value
        e.preventDefault();
      }
  }
});
</script>

Filtering

filtering

Event Data

e.sender kendo.ui.AutoComplete

e.filter Object

e.sender `kendo.ui.AutoComplete`

e.filter `Object`