Summary-Tag Mode

The Telerik UI MultiSelect for ASP.NET Core provides options for displaying the items as individual (multiple) tags and as a single, summary tag.

To display single or multiple tags for the selected items set the TagMode() configuration option. Use the multiple option to render a tag for every selected value or the single option to render only one tag that shows the number of the selected values:

    @(Html.Kendo().MultiSelect()
          .Name("products")
          .TagMode(MultiSelectTagMode.Single)
          .DataTextField("ProductName")
          .DataValueField("ProductID")
          .Filter(FilterType.Contains)
          .DataSource(source =>
          {
              source.Read(read =>
              {
                  read.Action("ServerFiltering_GetProducts", "MultiSelect");
              })
              .ServerFiltering(true);
          })
    )

    <kendo-multiselect name="products"
                       tag-mode="single"
                       datatextfield="ProductName"
                       datavaluefield="ProductId"
                       filter="FilterType.Contains">
        <datasource type="DataSourceTagHelperType.Custom" server-filtering="true">
               <transport>
                    <read url="@Url.Action("ServerFiltering_GetProducts", "MultiSelect")" />
               </transport>
        </datasource>
    </kendo-multiselect>

See Also

• Set the TagMode for the MultiSelect HtmlHelper for ASP.NET Core (Demo)