MVC3角色管理复选框列表

Question

I am trying to manage roles in an MVC3 app. The idea is that I have a list of users and when I click on the Edit Roles button on the row I get a modal window with a list of all possible roles with the ones the user is a member of checked.

Then I can select the new roles and click save and send an ajax post back to the server to persist the changes.

I have the modal popping up, but I'm not sure how to generate the checkboxes in a way that its easy to submit back to the server upon changing. I want the simplest solution possible.

Here is what I have for the partial view that the modal is populated with when you click Edit Roles:

public ActionResult ChooseRolePartial(string username)
    {
        var userRoles = Roles.GetRolesForUser(username);
        var list = new MultiSelectList(Roles.GetAllRoles());
        foreach (var item in list)
        {
            item.Selected = userRoles.Contains(item.Value);
        }

        var model = new ChooseRoleModel
        {
             Roles = list,
             Username = username
        };

        return PartialView("Partials/ChooseRolePartial", model);
    }

I was hoping there was an EditorFor for MultiSelectList and it would all be handled for me. But that doesn't appear to be the case. It just renders the text false for each of my roles.

Whats the best way to generate this list of checkboxs and submit whats checked along with the username back to the server?

Answer 1

Model:

public class ChooseRoleModel
{
    public SelectListItem[] Roles { get; set; }
    public string Username { get; set; }
}

Controller:

public class RolesController : Controller
{
    ...

    public ActionResult ChooseRolePartial(string username)
    {
        var userRoles = Roles.GetRolesForUser(username);
        var roles = Roles.GetAllRoles().Select(x => new SelectListItem
        {
            Value = x,
            Text = x,
            Selected = userRoles.Contains(x)
        }).ToArray();

        var model = new ChooseRoleModel
        {
            Roles = roles,
            Username = username
        };

        return PartialView("Partials/ChooseRolePartial", model);
    }

    [HttpPost]
    public ActionResult ChooseRolePartial(ChooseRoleModel model)
    {
        ...
    }
}

View:

@model ChooseRoleModel

@using (Html.BeginForm())
{
    <div>
        @Html.LabelFor(x => x.Username)
        @Html.EditorFor(x => x.Username)
    </div>
    for (int i = 0; i < Model.Roles.Length; i++)
    {
        @Html.CheckBoxFor(x => x.Roles[i].Selected)    
        @Html.LabelFor(x => x.Roles[i].Selected, Model.Roles[i].Text)
        @Html.HiddenFor(x => x.Roles[i].Text)
    }
    <button type="submit">OK</button>
}