部分在部分空异常中

Question

我有一个 MVC 表单，它比我所有的其他表单都复杂，使用了三个模型。

Company -> Base_IP -> RequestedIP ViewModel -> Partial1 -> Partial2

我正在使用 BeginCollectionItem，因为每个模型都有一个模型的属性列表。 IE - Company 有一个名为 baseIps 的属性，BaseIp 类有一个名为 requestedIps 的属性，返回 null 的 requestedIps，页面渲染时有计数，但提交时没有。

在postCreate() 中提交到数据库时，'requestedIps' 属性为空，这是为什么呢？

我在下面添加了有问题的控制器和部分代码示例，而不是全部，因为它是大量/冗余的 - 有任何问题，请告诉我。

控制器 - [HttpGet]Create()

public ActionResult Create()
        {
            var cmp = new Company
            {
               contacts = new List<Contact>
                {
                    new Contact { email = "", name = "", telephone = "" }
                }, pa_ipv4s = new List<Pa_Ipv4>
                {
                    new Pa_Ipv4 
                    { 
                        ipType = "Pa_IPv4", registedAddress = false, existingNotes = "", numberOfAddresses = 0, returnedAddressSpace = false, additionalInformation = "",
                        requestedIps = new List<IpAllocation>
                        {
                            new IpAllocation { allocationType = "Requested", cidr = "", mask = "", subnet  = "" }
                        }
                    }
                }
            };
            return View(cmp);
        }

控制器 - [HttpPost]Create()

        [HttpPost]
        [ValidateAntiForgeryToken]
        public ActionResult Create(Company cmp) // does not contain properties assigned/added to in view render
        {
            if (ModelState.IsValid)
            {
                db.companys.Add(cmp);
                db.SaveChanges();
                return RedirectToAction("Index");
            }
            return View(cmp);
        }

创建视图

@model Company
@using (Html.BeginForm())
{
            <div id="editorRowsAsn">
                @foreach (var ip in Model.pa_ipv4s)
                {
                    @Html.Partial("Pa_IPv4View", ip)
                }
            </div>
            <br />
            <div data-role="main" class="ui-content">
                <div data-role="controlgroup" data-type="horizontal">
                    <input type="submit" class="ui-btn" value="Create" />
                </div>
            </div>
}

Pa_Ipv4 视图

@model Pa_Ipv4
@using (Html.BeginCollectionItem("pa_ipv4s"))
{
    @Html.AntiForgeryToken()

    <div id="editorRowsRIpM">
        @foreach (var item in Model.requestedIps)
        {
            @Html.Partial("RequestedIpView", item)
        }
    </div>
    @Html.ActionLink("Add", "RequestedManager", null, new { id = "addItemRIpM", @class = "button" }

}

RequestedIpView

@model IpAllocation
<div class="editorRow">
    @using (Html.BeginCollectionItem("requestedIps"))
    {
        <div class="ui-grid-c ui-responsive">
            <div class="ui-block-a">
                <span>
                    @Html.TextBoxFor(m => m.subnet, new { @class = "checkFiller" })
                </span>
            </div>
            <div class="ui-block-b">
                <span>
                    @Html.TextBoxFor(m => m.cidr, new { @class = "checkFiller" })
                </span>
            </div>
            <div class="ui-block-c">
                <span>
                    @Html.TextBoxFor(m => m.mask, new { @class = "checkFiller" })
                    <span class="dltBtn">
                        <a href="#" class="deleteRow"><img src="~/Images/DeleteRed.png" style="width: 15px; height: 15px;" /></a>
                    </span>
                </span>
            </div>
        </div>
    }
</div>

Answer 1

您首先（外部）部分将生成与您的模型相关的正确名称属性（您的代码在Pa_Ipv4.cshtml 视图中没有显示任何控件，但我假设您确实有一些），例如

<input name="pa_ipv4s[xxx-xxx].someProperty ...>

但是内部部分不会因为@using (Html.BeginCollectionItem("requestedIps"))会生成

<input name="requestedIps[xxx-xxx].subnet ...>
<input name="requestedIps[xxx-xxx].cidr ...>

他们应该在哪里

<input name="pa_ipv4s[xxx-xxx].requestedIps[yyy-yyy].subnet ...>
<input name="pa_ipv4s[xxx-xxx].requestedIps[yyy-yyy].cidr ...>

通常您可以使用附加视图数据将前缀传递给部分（请参阅this answer 示例），但不幸的是，您无权访问由BeginCollectionItem 帮助器生成的Guid，因此这是不可能的正确地为name 属性添加前缀。

文章here 和here 讨论了创建自己的帮助器来处理嵌套集合。

其他选项包括使用嵌套的for 循环并包括集合索引器的隐藏输入，这将允许您从集合中删除项目，并且在您提交表单时仍然能够绑定到您的模型。

for (int i = 0; i < Model.pa_ipv4s.Count; i++)
{
  for(int j = 0; j < Model.pa_ipv4s[i].requestedIps.Count; j++)
  {
    var name = String.Format("pa_ipv4s[{0}].requestedIps.Index", i);
    @Html.TextBoxFor(m => m.pa_ipv4s[i].requestedIps[j].subnet)
    @Html.TextBoxFor(m => m.pa_ipv4s[i].requestedIps[j].cidr)
    ...
    <input type="hidden" name="@name" value="@j" />
  }
}

但是，如果您还需要动态添加新项目，则需要使用 javascript 来生成 html（参考示例 here 和 here）

Answer 2

如果您查看您的最终标记，您可能会输入类似

的名称

input name="subnet" 
input name="cidr" 
input name="mask" 

这是表单发布时表单集合的显示方式。不幸的是，这不会绑定到您的公司模型。

您的字段需要改为这样

input name="Company.pa_ipv4s[0].subnet"
input name="Company.pa_ipv4s[0].cidr"
input name="Company.pa_ipv4s[0].mask"

input name="Company.pa_ipv4s[1].subnet"
input name="Company.pa_ipv4s[1].cidr"
input name="Company.pa_ipv4s[1].mask"

Answer 3

有多种方法可以“解决”这个问题，每种方法都有自己的注意事项。

一种方法是设置“编辑器”视图（通常在 ~/Views/Shared/EditorTemplates/ClassName.cshtml 中），然后使用 @Html.EditorFor(x => x.SomeEnumerable) . 这不适用于您需要能够从集合中间删除任意项目的情况；尽管您仍然可以通过您设置的额外属性（例如 ItemIsDeleted）来处理这些情况（例如通过 javascript）。

在这里设置一个完整的例子会很长，但你也可以参考这个教程：http://coding-in.net/asp-net-mvc-3-how-to-use-editortemplates/

首先，您将创建一个简单的模板，例如

~/Views/Share/EditorTemplates/Contact.cshtml:

 @model yournamespace.Contact
 <div>
     @Html.LabelFor(c => c.Name)
     @Html.TextBoxFor(c => c.Name)
     @Html.ValidationMessageFor(c => c.Name)
</div>
<div>
     @Html.LabelFor(c => c.Email)
     @Html.TextBoxFor(c => c.Email)
     @Html.ValidationMessageFor(c => c.Email)
</div>
... other simple non-enumerable properties of `Contact` ...
@Html.EditorFor(c => c.pa_ipv4s) @* uses ~/Views/Shared/EditorTemplates/pa_ipv4s.cshtml *@

在您编辑/创建Company 的视图中，您可以将其调用为

@Html.EditorFor(company => company.Contacts)

（就像公司的 EditorTemplate 调用 EditorFor pa_ipv4s。）

当您以这种方式使用 EditorFor 时，MVC 将自动为您处理索引。 （您如何处理添加新联系人/IPv4/等。这里有点高级，但这应该可以帮助您入门。）

---

MVCContrib 也有一些您可以使用的辅助方法，但据我回忆，它并不是特别简单，并且可能会将您绑定到特定的 MVC 版本。