| title | page_title | description | slug | position |
|---|---|---|---|---|
Templates |
Templates - MultiColumnComboBox - Kendo UI for Vue |
Customize the content of the suggested list items and the suggested list elements of a Kendo UI MultiColumnComboBox wrapper for Vue. |
templates_multicolumncombobox_wrapper |
9 |
The MultiColumnComboBox provides the means needed to define column template, column headerTemplate and footerTemplate.
The template and the header-template could be defined for each of the columns available in the widget. The footer-template and the no-data-template, on the other hand, are defined for the entire popup of the widget. The templates in the MultiColumnComboBox are rendered by using the Kendo UI templates.
The column template manages the way a given column values in the MultiColumnComboBox popup are rendered.
{% meta height:350 %} {% embed_file multicolumncombobox/templates/basic/main.vue preview %} {% embed_file multicolumncombobox/templates/basic/main.js %} {% endmeta %}
The column header-template defines the header appearance and content for a givin column.
{% meta height:350 %} {% embed_file multicolumncombobox/templates/header/main.vue preview %} {% embed_file multicolumncombobox/templates/header/main.js %} {% endmeta %}
The footer-template manages the way the popup footer of the MultiColumnComboBox is rendered. The footer is re-rendered on every change of the Data Source. The context of the template is the component itself.
{% meta height:350 %} {% embed_file multicolumncombobox/templates/footer/main.vue preview %} {% embed_file multicolumncombobox/templates/footer/main.js %} {% endmeta %}
The MultiColumnComboBox displays the no-data-template in its popup when the data source is empty.
When the
noDataTemplateoption is defined, the component always opens the popup element.
{% meta height:350 %} {% embed_file multicolumncombobox/templates/no-data/main.vue preview %} {% embed_file multicolumncombobox/templates/no-data/main.js %} {% endmeta %}