Edit this page

ComboBox Tag Helper Overview

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

Basic Usage

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

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

Configuration

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

Example

    @(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"))
          )
    )

    <kendo-combobox 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-combobox>

See Also