Binding a ListBox to the MVC Model

[Eric D. Burdo]

I am using some code pulled from one of the Kendo examples for connecting two ListBoxes (populating the first with an AJAX call, and then letting the user transfer some of the items to the second listbox.

@using WMGPipeline.Models
@model IEnumerable<UserModel>

<div>
  <input type='text' id='searchBox' class='k-textbox' placeholder='Search By Name' />
  <br />

  @(Html.Kendo().ListBox()
        .Name("employees")
        .Toolbar(toolbar => {
          toolbar.Position(Kendo.Mvc.UI.Fluent.ListBoxToolbarPosition.Right);
          toolbar.Tools(tools => tools
            .TransferTo()
            .TransferFrom()
            .TransferAllTo()
            .TransferAllFrom()
            .Remove()
            );
        })
        .ConnectWith("SelectedEmployees")
        .DataTextField("LastFirst")
        .DataValueField("UserID")
        .DataSource(source => {
          source.Custom()
          .ServerFiltering(true)
          .Type("aspnetmvc-ajax")
          .Transport(transport => {
            transport.Read("getEmployees", "Pipeline");
          })
          .Schema(schema => {
            schema.Data("Data").Total("Total");
          });
        })
  )
  @(Html.Kendo().ListBox()
        .Name("SelectedEmployees")
        .DataTextField("LastFirst")
        .DataValueField("UserID")
        .BindTo(Model)
        .Selectable(ListBoxSelectable.Multiple)
  )
/div>

[Viktor Tachev]

Hello Eric,

By default the ListBox does not provide two-way binding. If you would like to submit the items from one of the ListBox widgets I would suggest using the approach described in the following article:

• https://www.telerik.com/forums/passing-data-to-controller-for-'selected'-listbox

Regards,
Viktor Tachev
Progress Telerik

[Eric D. Burdo]

Thank you Viktor,

Looking at the sample you provided, I believe my solution would then be to move away from the BeginForm() syntax for submission, 

@using (Html.BeginForm("savePipeline", "Pipeline")) {

 

And switch to using an Ajax Post on the submit button... passing in my Model, and the extra data needed.

 

Is that correct?

[Viktor Tachev]

Hi Eric,

Indeed when using the approach I suggested there will be no need to have a form on the page since the data will be submitted with an ajax request. 

Regards,
Viktor Tachev
Progress Telerik