如何在ASP.NET MVC中创建可编辑的局部视图

时间:2013-05-31 14:22:37

标签: asp.net-mvc razor

我目前正在尝试创建一个编辑视图,其中包含一些用户个人资料详细信息以及分配给用户的角色列表。我认为我可以创建一个可编辑的父视图,其中包含所有用户配置文件框,并插入一个部分视图,该视图将包含所有角色的复选框。

但是,我发现当我尝试更新局部视图中的文本框时,这些更改不会反映在父模型中。显然,部分视图获得了自己的ViewData字典,该字典与父代隔离开来。

我想知道是否有人有一个解决方案可以让我将部分视图中的复选框所做的更改传递回父模型。我在下面提供了一些示例代码。这是父视图:

@model MvcWebsite.ViewModels.UserProfileEditViewModel

@{
ViewBag.Title = "Edit";
}

<h2>Edit</h2>

@using (Html.BeginForm()) {
@Html.AntiForgeryToken()
@Html.ValidationSummary(true)

<fieldset>
    <legend>UserProfile</legend>

    @Html.HiddenFor(model => model.UserId)

    <div class="editor-label">
        @Html.LabelFor(model => model.UserName)
    </div>

... other properties of the user profile omitted for brevity

    <div class="editor-field">

        @Html.Partial("RoleCheckBoxEditTable", Model.Roles)
    </div>
    <p>
        <input type="submit" value="Save" />
    </p>
</fieldset>
}

<div>
@Html.ActionLink("Back to List", "Index")
</div>

然后我们有了子视图:

@model List<MvcWebsite.ViewModels.RoleViewModel>

<table>
<tr>
    @{
        int count = 0;
        foreach (var roleViewModel in Model)
        {
            if(count++ % 3 == 0)
            {
                @: </tr> <tr>
            }
            <td>
                @Html.HiddenFor(r => roleViewModel.RoleName) 
                @Html.HiddenFor(r => roleViewModel.RoleId) 
                @Html.CheckBoxFor(r => roleViewModel.Assigned)
            </td>
            <td>
                @Html.LabelFor(r => roleViewModel.Assigned, roleViewModel.RoleName)
            </td>
        }
    }

</tr>
</table>

我想要的是找到一种方法来使这两个视图更新相同的模型,然后可以将其发送到控制器。任何帮助将不胜感激。

1 个答案:

答案 0 :(得分:0)

我通过完全删除部分视图并用显示和编辑器模板替换它来解决这个问题。

从您的视图中获取RoleViewModel列表中的内容,并在Views/Shared/EditorTemplates下创建一个名为RoleViewModel.cshtml的新视图(您可能需要创建EditorTemplates目录首先,如果你以前从未使用它。)

在您的顶级视图中,将Partial更改为EditorFor,如下所示:@Html.EditorFor(model => model.Roles)

这种方法对我有用,并且它保留了我在模型上使用IValidatable接口获得的验证。