Edit this page

MultiSelect Tag Helper Overview

The MultiSelect tag helper helps you configure the Kendo UI MultiSelect widget in ASP.NET Core applications.

Basic Usage

The following example demonstrates how to define the MultiSelect by using the MultiSelect tag helper.

Example
    <kendo-multiselect name="products" filter="FilterType.StartsWith"></kendo-multiselect>

Configuration

The MultiSelect tag helper configuration options are passed as attributes of the tag.

Example

    @(Html.Kendo().MultiSelect()
          .Name("products")
          .DataTextField("ProductName")
          .DataValueField("ProductID")
          .HtmlAttributes(new { style = "width:100%;" })
          .Filter(FilterType.Contains)
          .DataSource(source => source
              .Read(read => read.Action("GetProducts", "Home"))
          )
    )

    <kendo-multiselect name="products" filter="FilterType.Contains"
                       placeholder="Select product"
                       datatextfield="ProductName"
                       datavaluefield="ProductID"
                       style="width: 100%;">
        <datasource type="DataSourceTagHelperType.Custom">
            <transport>
                <read url="@Url.Action("GetProducts", "Home")" />
            </transport>
        </datasource>
    </kendo-multiselect>

See Also