MultiColumnComboBox Tag Helper Overview

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

Basic Usage

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

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

Configuration

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


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

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

See Also

In this article
Not finding the help you need? Improve this article