ASP.NET MVC 3-ViewModel和刷新-问题

Question

我被困在ViewModel绑定和刷新方案中。

场景：作为管理员，我想创建用户帐户，并根据DropDownList中选定的角色刷新FORM，以通过复选框选择与角色相关的特定访问权限（布尔）。

因此，用户可以具有一个默认访问列表的单一角色，可以在创建帐户时由管理员修改。

我的ViewModel：

public class CreateViewModel
{
    public User User { get; set; }
    public IEnumerable<Role> Roles { get; set; }
    public IEnumerable<RoleAccess> RoleAcceses { get; set; }
    public Role SelectedRole { get; set; }


    public void Refresh()
    {
        User.UserAccesses.Clear();
        foreach (var item in RoleAcceses.Where(x => x.RoleId == SelectedRole.Id))
        {
            User.UserAccesses.Add(new UserAccess { UserId = User.Id, Access = item.Access, AccessId = item.AccessId, Value = item.Value });
        }
    }
}

如您在上面的代码中看到的，我具有RoleAccess集合，其中包含特定Role的默认值。 刷新方法清除实际的UserAccess集合，并为SelectedRole重新填充它。

我的问题是：

1. 没有jQuery是否可以做到这一点？ 你有什么意见？
2. 如果可以在不使用jQuery的情况下刷新FORM，如何在不丢失Admin输入的绑定值的情况下发布它？ 在这里我不能添加其他@BeginForm，因为我会丢失实际的数据上下文，对吗？
3. 如果jQuery仅是解决方案，则如何编写将检查jQuery筛选的Controller Action？
4. jQuery函数应如何替换Binded to ViewModel复选框？

我的电流控制器操作：

public class AccountController : Controller
{
    IAccountService accountService;

    public AccountController()
    {
        accountService = new AccountService();
    }

    [HttpGet]
    public ActionResult Create(int role = 1)
    {
        IEnumerable<RoleAccess> roleAccesses = null;
        IEnumerable<Role> roles = null;

        roleAccesses = accountService.GetRoleAcgesses();
        roles = accountService.GetRoles();

        var createViewModel = new CreateViewModel();
        createViewModel.RoleAcceses = accountService.GetRoleAccesses();
        createViewModel.Roles = accountService.GetRoles();
        createViewModel.SelectedRole = createViewModel.Roles.FirstOrDefault(x => x.Id == role);
        createViewModel.Refresh();

        return View(createViewModel);
    }

    public ActionResult Refresh(int role)
    {
        return RedirectToAction("Create", "Account", new { role });
    }

    [HttpPost]
    public ActionResult Create([Bind(Prefix = "User")] Models.User user, FormCollection formsCollection)
    {
        var viewModel = new CreateViewModel();
        UpdateModel<CreateViewModel>(viewModel, new[] { "User.Login", "User.Password", "User.FirstName", "User.LastName" });

        viewModel.User.RoleId = Convert.ToInt32(formsCollection["Role"]);

        if (ModelState.IsValid)
        {
            bool result = accountService.CreateAccount(viewModel.User);

            if (!result)
            {
                // SEND INFO ABOUT FAILURE
            }
            else
            {
                return RedirectToAction("list");
            }
        }

        return View();
    }

    [HttpGet]
    public ActionResult List()
    {
        var accounts = accountService.GetAccounts();
        var viewModel = new ListViewModel() { Accounts = accounts };
        return View(viewModel);
    }
}

我的观点：

@model VDOT.Web.AccountViewModels.CreateViewModel
@{
    ViewBag.Title = "Create";
}
<h2>Create</h2>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

@using (Html.BeginForm("create", "account"))
{
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)
<fieldset>
    <legend>CreateViewModel</legend>
    <fieldset>
        <div class="editor-label">
            @Html.LabelFor(model => model.User.Login)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.User.Login)
            @Html.ValidationMessageFor(model => model.User.Login)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.User.Password)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.User.Password)
            @Html.ValidationMessageFor(model => model.User.Password)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.User.FirstName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.User.FirstName)
            @Html.ValidationMessageFor(model => model.User.FirstName)
        </div>
        <div class="editor-label">
            @Html.LabelFor(model => model.User.LastName)
        </div>
        <div class="editor-field">
            @Html.EditorFor(model => model.User.LastName)
            @Html.ValidationMessageFor(model => model.User.LastName)
        </div>
        <div class="editor-field">
            <select id="paging" onchange="location.href=this.value">
                @foreach (var item in Model.Roles)
                {
                    <option value="@Url.Action("create", "account", new { role = item.Id })">
                        @item.Name
                    </option>
                }
            </select>
        </div>
        <div class="editor-field">
            @foreach (var item in Model.User.UserAccesses)
            {
                @Html.CheckBox(item.Access.Name, item.Value);
                <br />
            }
        </div>
    </fieldset>
</fieldset>
<fieldset>
    <p>
        <input type="submit" value="Create" />
    </p>
</fieldset>
}

感谢您的任何帮助！

Answer 1

我认为您正在寻找一种将用户访问权限集合绑定到用户视图模型的方法。 有了此功能，您的完整模型将在回发时保持不变，使您无需脚本即可实现所需的任何功能（尽管如果可用，则可以使用jQuery来增强页面的“平滑”功能）。

Steven Sanderson的博客（此处 ）提供了一种创建模型列表属性绑定的好方法。