MultiSelect

Example

<kendo-multiselect>
    <datasource></datasource>
    <fixed-group-template></fixed-group-template>
    <footer-template></footer-template>
    <group-template></group-template>
    <header-template></header-template>
    <item-template></item-template>
    <label />
    <messages />
    <no-data-template></no-data-template>
    <popup></popup>
    <popup-animation></popup-animation>
    <prefix-options></prefix-options>
    <suffix-options></suffix-options>
    <virtual />
</kendo-multiselect>

ChildTags

Tag Name Details
datasource DataSourceTagHelper
fixed-group-template TemplateTagHelper
footer-template TemplateTagHelper
group-template TemplateTagHelper
header-template TemplateTagHelper
item-template TemplateTagHelper
label MultiSelectLabelSettingsTagHelper
messages MultiSelectMessagesSettingsTagHelper
no-data-template TemplateTagHelper
popup MultiSelectPopupSettingsTagHelper
popup-animation MultiSelectAnimationSettingsTagHelper
prefix-options MultiSelectPrefixOptionsSettingsTagHelper
suffix-options MultiSelectSuffixOptionsSettingsTagHelper
virtual MultiSelectVirtualSettingsTagHelper

Attributes

Attribute Type Description
name String Sets the name of the component.
adaptive-mode AdaptiveMode Specifies the adaptive rendering of the component.
as-module Boolean
auto-bind Boolean Controls whether to bind the widget to the data source on initialization.
auto-close Boolean Controls whether to close the widget suggestion list on item selection.
auto-width Boolean If set to true, the widget automatically adjusts the width of the popup element and does not wrap up the item label.
bind-to IEnumerable<Object> The collection of data items which the data source contains.
clear-button Boolean Unless this options is set to false, a button will appear when hovering the widget. Clicking that button will reset the widget's value and will trigger the change event.
datasource-id String The data source id
data-text-field String The field of the data item used when searching for suggestions. This is the text that will be displayed in the list of matched results.
data-value-field String The field of the data item used when searching for suggestions. This is the value that will be displayed in the list of matched results.
delay Double Specifies the delay in milliseconds after which the MultiSelect will start filtering dataSource.
down-arrow Boolean Configures MultiSelect to render a down arrow that opens and closes its popup.
enable Boolean If set to false the widget will be disabled and will not allow user input. The widget is enabled by default and allows user input.
enforce-min-length Boolean If set to true the widget will not show all items when the text of the search input cleared. By default the widget shows all items when the text of the search input is cleared. Works in conjunction with minLength.
fill-mode FillMode Sets a value controlling how the color is applied.
filter FilterType The filtering method used to determine the suggestions for the current value.
fixed-group-template String The template used to render the fixed header group. By default the widget displays only the value of the current group.
fixed-group-template-handler String The template used to render the fixed header group. By default the widget displays only the value of the current group.
fixed-group-template-id String The template used to render the fixed header group. By default the widget displays only the value of the current group.
fixed-group-template-view IHtmlContent The template used to render the fixed header group. By default the widget displays only the value of the current group.
footer-template String The template used to render the footer template. The footer template receives the widget itself as a part of the data argument. Use the widget fields directly in the template.
footer-template-handler String The template used to render the footer template. The footer template receives the widget itself as a part of the data argument. Use the widget fields directly in the template.
footer-template-id String The template used to render the footer template. The footer template receives the widget itself as a part of the data argument. Use the widget fields directly in the template.
footer-template-view IHtmlContent The template used to render the footer template. The footer template receives the widget itself as a part of the data argument. Use the widget fields directly in the template.
for ModelExpression An expression to be evaluated against the current model.
group-template String The template used to render the groups. By default the widget displays only the value of the group.
group-template-handler String The template used to render the groups. By default the widget displays only the value of the group.
group-template-id String The template used to render the groups. By default the widget displays only the value of the group.
group-template-view IHtmlContent The template used to render the groups. By default the widget displays only the value of the group.
has-client-component Boolean
is-in-client-template Boolean When placing a Tag Helper within a Kendo Template, set the type to text/html and add the is-in-client-template="true" attribute.
height Double The height of the suggestion popup in pixels. The default value is 200 pixels.
highlight-first Boolean If set to true the first suggestion will be automatically highlighted.
deferred Boolean Suppress initialization script rendering. Note that this options should be used in conjunction with DeferredScripts method.
header-template String Specifies a static HTML content, which will be rendered as a header of the popup element.
header-template-handler String Specifies a static HTML content, which will be rendered as a header of the popup element.
header-template-id String Specifies a static HTML content, which will be rendered as a header of the popup element.
header-template-view IHtmlContent Specifies a static HTML content, which will be rendered as a header of the popup element.
ignore-case Boolean If set to false case-sensitive search will be performed to find suggestions. The widget performs case-insensitive searching by default.
item-template String The template used to render the items in the popup list.
item-template-handler String The template used to render the items in the popup list.
item-template-id String The template used to render the items in the popup list.
item-template-view IHtmlContent The template used to render the items in the popup list.
max-selected-items Double Defines the limit of the selected items. If set to null widget will not limit number of the selected items.
min-length Double The minimum number of characters the user must type before a search is performed. Set to a higher value if the search could match a lot of items. A zero value means that a request will be made as soon as the user focuses the widget.
no-data-template String The template used to render the "no data" template, which will be displayed if no results are found or the underlying data source is empty. The noData template receives the widget itself as a part of the data argument. The template will be evaluated on every widget data bound.
no-data-template-handler String The template used to render the "no data" template, which will be displayed if no results are found or the underlying data source is empty. The noData template receives the widget itself as a part of the data argument. The template will be evaluated on every widget data bound.
no-data-template-id String The template used to render the "no data" template, which will be displayed if no results are found or the underlying data source is empty. The noData template receives the widget itself as a part of the data argument. The template will be evaluated on every widget data bound.
no-data-template-view IHtmlContent The template used to render the "no data" template, which will be displayed if no results are found or the underlying data source is empty. The noData template receives the widget itself as a part of the data argument. The template will be evaluated on every widget data bound.
on-change String Fired when the value of the widget is changed by the user.The event handler function context (available via the this keyword) will be set to the widget instance.
on-close String Fired when the popup of the widget is closed.The event handler function context (available via the this keyword) will be set to the widget instance.
on-data-bound String Fired when the widget is bound to data from its data source.The event handler function context (available via the this keyword) will be set to the widget instance.
on-deselect String Fired when an item is deselected or tag is removed.
on-filtering String Fired when the widget is about to filter the data source.The event handler function context (available via the this keyword) will be set to the widget instance.
on-open String Fired when the popup of the widget is opened by the user.The event handler function context (available via the this keyword) will be set to the widget instance.
on-select String Fired when an item from the popup is selected by the user.
placeholder String The hint displayed by the widget when it is empty. Not set by default.
rounded Rounded Sets a value controlling the border radius.
sanitize-id Boolean
script-attributes IDictionary<String,Object>
size ComponentSize Sets the size of the component.
tag-mode String The mode used to render the selected tags. The available modes are: - multiple - renders a tag for every selected value - single - renders only one tag that shows the number of the selected values
tag-template String The template used to render the tags.
tag-template-handler String The template used to render the tags.
tag-template-id String The template used to render the tags.
tag-template-view IHtmlContent The template used to render the tags.
templates IDictionary<String,String>
value IEnumerable Specifies the value binding behavior for the widget. If set to true, the View-Model field will be updated with the selected item value field. If set to false, the View-Model field will be updated with the selected item.
value-primitive Boolean Specifies the value binding behavior for the widget. If set to true, the View-Model field will be updated with the selected item value field. If set to false, the View-Model field will be updated with the selected item.
In this article
Related articles
Not finding the help you need?