通过 POST 传递模型

Question

我的 ASP.NET 网站的某个特定部分出现了一些问题。此页面本质上是用户编辑发票然后发布更改的地方。

此时，我正在重写现有页面，这很有效。除了旧的 MVC 3 之外，我不知道有什么区别。

当我第一次进入 EditInvoice 操作时：

public ActionResult EditInvoice()
{
    SalesDocument invoice = null;

    try
    {
        invoice = SomeService.GetTheInvoice();
    }
    catch (Exception ex)
    {
        return HandleControllerException(ex);
    }

    return View("InvoiceEdit", invoice.LineItems);
}

“InvoiceEdit”视图的模型是列表

现在视图加载正常，并在一个表单中显示所有文档行项目：

<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<List<MyApp.SalesDocumentLineItem>>" %>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">

    <% using (Html.BeginForm()) {%>

    <fieldset>
        <legend>Line Items</legend>
            <div id="lineItems" class="table">
                <div class="row">
                    <div class="colHButton">X</div>
                    <div class="colH">Item</div>
                    <div class="colHPrice">Price</div>
                    <div class="colHQty">Qty</div>
                </div>
              <% foreach (var item in Model.Where(m => m.LineItemType.Id == NexTow.Client.Framework.UnitsService.LineItemTypes.SaleItem || m.LineItemType.Id == NexTow.Client.Framework.UnitsService.LineItemTypes.NonSaleItem))
              { %>    
                <div class="row">
                    <%=Html.Hidden("Model.LineItemNameId", item.LineItemNameId)%>
                    <div class="cellButton"><button onclick="DeleteContainer(event);">X</button></div>
                    <div class="cell"><span class="formData"><%=item.LineItemDescription %></span></div>                
                    <div class="cellPrice">
                        <span class="formData">$</span>
                        <%= Html.TextBox("Model.Price", item.Price, new { style="width:75px;" })%>
                    </div>
                    <div class="cellQty">
                        <%= Html.TextBox("Model.Quantity", item.Quantity, new { style = "width:60px;" })%>
                    </div>
                </div>  
            <%} %>
        </div>
    </fieldset>
    <p>
        <input type="submit" value="Update Invoice" onclick="SequenceFormElementsNames('salesItems');" />
    </p>

    <% } %>
</asp:Content>

这使用户能够编辑条目，然后用户单击“更新发票”提交按钮。这使用 POST 发布到相同的视图和操作：

[HttpPost]
public ActionResult EditInvoice(List<SalesDocumentLineItem> salesItems)
{
    if (salesItems == null || salesItems.Count == 0)
    {
        return View("ClientError", new ErrorModel() { Description = "Line items required." });
    }

    SalesDocument invoice = null;

    try
    {
        invoice = SomeService.UpdateInvoice();
    }
    catch (Exception ex)
    {
        return HandleControllerException(ex);
    }

    InvoiceModel model = new InvoiceModel();
    model.Document = invoice;

    return View("InvoicePreview", model);
}

但是，尽管这在旧应用程序中有效。在新版本中，这不起作用。当我们在最终的 EditInvoice POST 操作方法处断点时，salesItems 的集合为 NULL。发生了什么事！？

Answer 1

当您使用Html.TextBox(string, object) 时，第一个参数用作表单字段的名称。当您将此表单发送回服务器时，MVC 会查看您的操作方法的参数列表并使用表单字段的名称来尝试构建这些参数。在您的情况下，它会尝试构建一个List<SalesDocumentLineItem>。

您似乎使用“Model.Something”作为表单字段的名称。这可能在过去有效，但我猜 MVC4 中发生了一些变化，以至于框架不再知道你在说什么。幸运的是，有更好的方法。

不要使用字符串设置表单字段的名称，而是使用强类型 HTML 帮助器，如下所示：

<% for (var i = 0; i < Model.Count; i++) { %>
  <div class="row">
    <%= Html.HiddenFor(model => model[i].LineItemNameId) %>
    <!-- etc... -->
  </div>
<% } %>

这些版本的 HTML 帮助程序使用 lambda 表达式 来指向模型中的一个属性并说“看到那个属性了吗？就在那儿吗？为它生成一个适当的表单字段名称。” （奖励：由于表达式无论如何都指向属性，因此您不必再指定值 - MVC 将只使用表达式所代表的属性的值）

由于 lambda 表达式是 C# 代码，如果输入错误，您将收到编译时错误，并且如果您更改属性名称，Visual Studio 的“重命名”功能等工具将起作用。

（This answer 更详细地说明了它的工作原理。）