Question

我有一张桌子：。

<% using(Html.BeginForm("View2","Order"))
{  %>  
  <table id="Products" class="Products">
    <tr>
      <th>ProductId</th>
      <th>Productname</th>
      <th>Quantity</th>
      <th>UnitPrice</th>
    </tr>
    <%for (int i = 0; i < Model.NorthOrderDetails.Count; i++)
    {%>
      <%: Html.HiddenFor(m => m.NorthOrderDetails[i].ProductID) %>
      <%: Html.HiddenFor(m => m.NorthOrderDetails[i].ProductName) %>
      <tr>
        <td><%: Html.DisplayFor(m => m.NorthOrderDetails[i].ProductID) %></td>
        <td><%: Html.DisplayFor(m => m.NorthOrderDetails[i].ProductName) %></td>
        <td>
          <input type="hidden" name="NorthOrderDetails.Index" value="<%: i %>" />
          <%: Html.TextBoxFor(m => m.NorthOrderDetails[i].Quantity) %>
        </td>
        <td><%: Html.TextBoxFor(m => m.NorthOrderDetails[i].UnitPrice) %></td>
        <td><button type="button" class="delete" data-id="<%:Model.NorthOrderDetails[i].ProductID %>">Delete</button></td>
        <td> <input type="hidden" name="<%:Model.NorthOrderDetails[i].ProductName %>" value="<%: Model.NorthOrderDetails[i].Quantity %>" /></td>
      </tr>
    <% } %>
  </table>
  <input type="submit" name="button" value="Add" />
  <input type="submit" name="button" value="Save" />
<% } %>

<script type="text/javascript">
  var url = '<%:Url.Action("Delete", "Order")%>';
  $('.delete').click(function () {
    var id = $(this).data('id'); // Get the product ID
    var row = $(this).closest("tr");// Get the table row
    $.post(url, { ID: id }, function () {
      row.remove(); // remove the row from the table when I click the delete button I'm calling this script:
    });
  });
</script>

脚本在Controller中调用此方法

[HttpPost]
public JsonResult Delete(int ID)
{
  NorthOrder forOrderDetail = (NorthOrder)Session["Order"];
  forOrderDetail.NorthOrderDetails.RemoveAll(z => z.ProductID == ID);
  Session["Order"] = forOrderDetail;
  return Json(null);
}

当我点击添加按钮时，我在Controller中调用此方法：

[HttpPost]
public ActionResult View2(NorthOrder q,  string button)
{
  string strDDLValue = Request.Form["sda"].ToString();
  int drop = Convert.ToInt32(strDDLValue);
  NorthOrder forOrderDetail = (NorthOrder)Session["Order"];
  if (button == "Add")
  {
    NorthwindEntities n = new NorthwindEntities();
    string strDDLValuse = n.Products.FirstOrDefault(_ => _.ProductID == drop).ProductName;
    NorthOrderDetailscs orddetailForSession = new NorthOrderDetailscs();
    orddetailForSession.ProductName = strDDLValuse;
    orddetailForSession.Quantity = 0;
    orddetailForSession.UnitPrice = 0;
    orddetailForSession.ProductID = drop;
    forOrderDetail.NorthOrderDetails.Add(orddetailForSession);
    Session["Order"] = forOrderDetail;
  }
  return View(forOrderDetail); //
}

并且问题在我删除第一个项目以及添加新项目之后，从非删除项目显示文本框中的新行中的数据。虽然，在模型添加项中包含文本框的空值

在新项目的输入隐藏字段Model.NorthOrderDetails[i].Quantity = 0中，如在调试中与标记一样，但在文本框中的UI中，文本框中的新项目包含现有项目中的值

例如，在表两行

中

ProductID | ProductName| Quantity| UnitPrice
_____________________________________________
17       |   Chang      |       1       |  12
_____________________________________________
12      |   Chai     |       2      |  24

当我删除第一行，然后我添加新行我得到了表

ProductID | ProductName| Quantity| UnitPrice
_____________________________________________
12    |   Chai   |    2    |  24
_____________________________________________
15   |   Allice Mutton    |       2      |  24

是什么原因？

Answer 1

首先，您需要删除与在会话中存储和检索集合相关的所有内容。工作流程应为

在GET方法中，获取集合并在视图中呈现它。
在Delete()方法中，调用数据库并删除对象基于ID值。如果成功，return Json(true);，如果没有 return Json(null);。在ajax成功函数中，测试数据是否为返回，如果是，则删除该行，如果没有，则显示错误消息（参考我对您之前问题的回答here和here）。
View2()方法应将集合保存到数据库中（删除string button参数）并且应该没有与Add方法的关系。

为了动态地将新项目添加到可以绑定到您的集合的DOM，有两个选项：

调用返回使用的partial的方法 BeginCollectionItem()以便新项目包含索引器（与当前for循环正在进行的方式相同）。如果你使用这个方法，那么你可以用简单的方法替换你的for循环 foreach循环调用每个项目的部分。
在视图中（隐藏元素内）包含一个html模板您克隆并更新索引器并将其添加到DOM。

this answer中讨论了这两个选项。另请注意，每次添加新项目时都需要重新解析验证器。

在新行的现有项目中显示表格行中的值

1 个答案: