ComboBox TagHelper Overview

The Telerik UI ComboBox TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI ComboBox widget.

The ComboBox displays a list of values and allows for a single selection from the list.

Telerik UI for ASP.NET Core Ninja image

The ComboBox is part of Telerik UI for ASP.NET Core, a professional grade UI library with 110+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.

Initializing the ComboBox

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

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

Basic Configuration

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

          .Placeholder("Select product")
          .HtmlAttributes(new { style = "width:100%;" })
          .DataSource(source => source
              .Read(read => read.Action("GetProducts", "Home"))
    @addTagHelper *, <<Your Project Name Goes Here>>

    <kendo-combobox name="products" filter="FilterType.Contains"
                        placeholder="Select product"
                        min-length="3" style="width: 100%;">
        <datasource type="DataSourceTagHelperType.Custom">
                <read url="@Url.Action("GetProducts", "Home")" />
    public JsonResult GetProducts()
        return new JsonResult(new[] { new { ProductName = "ProductName 1", ProductID = 1} });

See Also

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