Data Binding Overview

By default, the Telerik UI ListBox for ASP.NET MVC 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.

    @(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:

• Local data binding
• Remote data binding

See Also

• Basic Usage of the ListBox HtmlHelper for ASP.NET MVC (Demo)
• Server-Side API