How can a multi-select-list be edited using asp.net mvc?

Question

I\'d like to edit an object like the one below. I\'d like the UsersSelectedList populated with one or more Users from the UsersGrossList.

Using the standard edit-views i

Answer 1

Assuming that User model has Id and Name properties:

<%= Html.ListBox("users", Model.UsersGrossList.Select(
    x => new SelectListItem {
        Text = x.Name,
        Value = x.Id,
        Selected = Model.UsersSelectedList.Any(y => y.Id == x.Id)
    }
) %>

Or with View Model

public class ViewModel {
    public Model YourModel;
    public IEnumerable Users;
}

Controller:

var usersGrossList = ...
var model = ...

var viewModel = new ViewModel {
    YourModel = model;
    Users = usersGrossList.Select(
        x => new SelectListItem {
            Text = x.Name,
            Value = x.Id,
            Selected = model.UsersSelectedList.Any(y => y.Id == x.Id)
        }
    }

View:

<%= Html.ListBox("users", Model.Users ) %>