New to Telerik UI for ASP.NET Core? Download free 30-day trial

Ajax Binding

The MultiColumnComboBox provides support for remote data binding by using a DataSource configuration object. You can configure the MultiColumnComboBox to get its data from a remote source by making an AJAX request.

  1. Create an action that returns the data as a JSON result.

    public IActionResult Index()
        return View();
    public JsonResult GetProductsAjax()
        var products = Enumerable.Range(0, 500).Select(i => new ProductViewModel
            ProductID = i,
            ProductName = "ProductName" + i
        return Json(products);
  2. Add the MultiColumnComboBox to the view and configure its DataSource to use remote data.

        @model MvcApplication1.Models.ProductViewModel
            .Placeholder("Select product...")
            .Columns(columns =>
                columns.Add().Field("ProductName").Title("Product Name").Width("200px")
                columns.Add().Field("ProductID").Title("Product ID").Width("200px");
            .DataSource(source =>
                source.Read(read =>
                    read.Action("GetProductsAjax", "Home");
        <kendo-multicolumncombobox name="products" filter="FilterType.Contains"
                            placeholder="Select product"
                            datavaluefield="ProductID" >
                <column field="ProductName" title="Name" width="200px">
                <column field="ProductID" title="ID" width="200px">
            <datasource type="DataSourceTagHelperType.Ajax" server-operation="false">
                    <read url="@Url.Action("GetProductsAjax", "Home")" />

See Also

In this article