All Components

Filtering

The AutoComplete allows you to use the server filtering functionality to display a subset of data.

Server-filtering relies on the filtering capability of the serverFiltering option of the Kendo UI Data Source component and the filter configuration of the component.

<div id="vueapp" class="vue-app">
    <kendo-datasource ref="datasource"
                      :type="'odata'"
                      :transport-read-url="'https://demos.telerik.com/kendo-ui/service/Northwind.svc/Orders'"
                      :server-filtering="true"
                      :page-size="80">
    </kendo-datasource>
    <kendo-autocomplete :data-source-ref="'datasource'"
                        :data-text-field="'ShipName'"
                        :placeholder="'Choose a ship...'"
                        :filter="'contains'">
    </kendo-autocomplete>
</div>
Vue.use(DropdownsInstaller);
Vue.use(DataSourceInstaller);

new Vue({
    el: "#vueapp"
})
In this article