All Components

Filtering

The ComboBox 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.

You can use server filtering for displaying only a subset of data.

<div id="vueapp" class="vue-app">
    <kendo-datasource ref="datasource"
                      :type="'odata'"
                      :transport-read-url="'https://demos.telerik.com/kendo-ui/service/Northwind.svc/Products'"
                      :server-filtering="true">
    </kendo-datasource>
    <kendo-combobox :data-source-ref="'datasource'"
                    :data-text-field="'ProductName'"
                    :data-value-field="'ProductID'"
                    :filter="'contains'"
                    :placeholder="'Select product'">
    </kendo-combobox>
</div>
Vue.use(DropdownsInstaller);
Vue.use(DataSourceInstaller);

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