Edit this page

DropDownList Tag Helper Overview

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

Basic Usage

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

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

Configuration

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

Example

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

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

See Also