通过POST传递模型

时间:2013-07-08 21:25:19

标签: asp.net-mvc-4

我在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”视图的模型是List

现在视图加载正常,并以表格形式显示所有文档行项目:

<%@ 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。发生了什么事?!

1 个答案:

答案 0 :(得分:2)

使用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表达式指向模型中的属性并说“查看该属性?那个属性在那里?为它生成一个合适的表单字段名称。” (Bonus:因为表达式无论如何都指向了属性,所以你不必再指定一个值 - MVC将只使用表达式所代表的属性的值)

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

This answer详细介绍了其工作原理。)