Data Binding Overview

By default, the Telerik UI ListBox for ASP.NET Core automatically binds to data.

Immediately after the ListBox loads, the DataSource sends a query and the data is loaded to the helper. To disable this behavior, set the AutoBind option of the ListBox to false.

Telerik UI for ASP.NET Core Ninja image

The Data Binding 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.

    @(Html.Kendo().ListBox()
        .Name("optional")
        .DataTextField("ContactName")
        .DataValueField("CustomerID")
        .DataSource(source => source
            .Read(read => read.Action("GetCustomers", "ListBox"))
        )
        .TemplateId("customer-item-template")
        .Draggable(draggable => draggable.Placeholder("customPlaceholder"))
        .DropSources("selected")
        .ConnectWith("selected")
        .AutoBind(false) // Prevent data binding during the initialization of the widget
        .Toolbar(toolbar =>
        {
            toolbar.Position(ListBoxToolbarPosition.Right);
            toolbar.Tools(tools => tools
                .TransferTo()
                .Remove());
        })
        .BindTo(new List<CustomerViewModel>())
    )

For more information about binding the ListBox to data, refer to the articles on:

See Also

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