MVC3 Model使用自定义EditorTemplate和Partial View将页面列表绑定到ViewModel

本文关键字：列表 绑定 ViewModel View Partial Model 自定义 EditorTemplate MVC3 | 更新日期: 2023-09-27 18:19:33

我正在尝试生成一个包含在Partial视图中的分页结果表。它是通过ajax调用动态刷新的。

我在许多页面上复制了它，但在特定的页面上，我需要绑定表行的值，并用ViewModel返回。

为了实现这一点，我尝试为PagedList集合的自定义对象im使用EditorTemplate。问题在于出现在PartialView上的编辑器模板没有正确命名主ViewModel上的PagedList集合。

如果我用代码解释，可能会更容易。

主视图就这样出现了：

@model RequestCreateViewModel
<Code>
<div id="gridContainer">
    @Html.Partial("_PagedCreateRequest")
    @Html.HiddenFor(x => x.PageSize)
    @Html.HiddenFor(x => x.PageNumber)
</div>
<div id="loadingContainer">
</div> 
<More code>

因此，部分是：

@model IPagedList<CreateRequestModel>
<Code>
<table class="tablesorter"  style="width:750px;">
                <thead>
                    <tr>
</tr>
                </thead>
                <tbody>
                    @Html.EditorFor(x => Model)
                </tbody>
            </table>
        </div>
<div style="float:left">
            @Ajax.ImageActionLink(
                "../../Content/images/first.gif",
                "alt text",
                "PageResults",
                new
                {
                    Page = 1,
                    area = "Admin",
                    SortBy = Model.SortBy,
                    SortDescending = Model.SortDescending,
                    PageSize = Model.PageSize
                },
                new
                {
                    style = "margin-top: 2px;"
                },
                new
                {
                    @readonly = "readonly"
                },
                new AjaxOptions
                {
                    UpdateTargetId = "gridContainer"
                }
                    )
        </div>
+ other pager Ajax pager icons and stuff

编辑器模板为：

@model CreateRequestModel
<tr>
    <td>
        @Html.CheckBoxFor(x => x.IsSelected)
    </td>
    <td>
        @Html.DisplayFor(x => x.CompanyName)
        @Html.HiddenFor(x => x.CompanyName)
    </td>
    <td>
        @Html.DisplayFor(x => x.CompanyISIN)
        @Html.HiddenFor(x => x.CompanyISIN)
    </td>
    <td>
        @Html.DisplayFor(x => x.ShareDesc)
        @Html.HiddenFor(x => x.ShareDesc)
    </td>
    <td>
        @Html.DisplayFor(x => x.ShareClass)
        @Html.HiddenFor(x => x.ShareClass)
    </td>
</tr>

ViewModel是：

public class RequestCreateViewModel : ViewModelBase
{
    public IPagedList<CreateRequestModel> PagedList { get; set; }

CreateRequestModel是：

public class CreateRequestModel
{
    public int RequestId { get; set; }
    public bool IsSelected { get; set; }
    public string CompanyName { get; set; }
    public string CompanyISIN { get; set; }
    public string ShareDesc { get; set; }
    public string ShareClass { get; set; }
}

但当张贴回控制器时（代码）：

 [Authorize(Roles = "Foo")]
 [HttpPost]
 public ActionResult RequestCreate(RequestCreateViewModel model)

属性IPagedList没有绑定到ViewModel（显然），因为EditorTemplate的命名标准是

例如：[0]。不管是什么

而不是：

PagedList[0]。无论

我也无法在ViewModel中为IPagedList实例化接口的绑定副本。那么，我该如何将主视图中的信息返回到模型中呢？

我认为定制模型活页夹可能是解决方案，但我在这方面的经验很少。这样做的最终目的是确定表上复选框的值。用户会选择还是不选择，我需要知道他们选择了什么！

非常感谢您的帮助。

MVC3 Model使用自定义EditorTemplate和Partial View将页面列表绑定到ViewModel

看看这篇文章：http://weblogs.asp.net/nmarun/archive/2010/03/13/asp-net-mvc-2-model-binding-for-a-collection.aspx

秘密是在控件上生成Name作为集合名称，索引器为

<input id="Products_0__ID" name="Products[0].ID" type="text" value="1" />
相关文章：