asp.net-mvc - ASP.NET MVC 中的嵌套表单

Question

我有一个购物车，其中符合以下条件:

购物车中的每个产品都有一个“移除”按钮

购物车中的每个产品都有一个可编辑的数量文本框

整个购物车只有一个“更新”按钮

这个想法是用户可以修改购物车中每个产品的数量，然后单击“更新”以提交更改。

您将如何使用 MVC 对“更新”按钮进行编程？您是否会将整个购物车包装在一个表单中，然后返回给它自己，并以某种方式在 FormCollection 中找到数量值？这种方法的问题在于，由于每个“删除”按钮都存在于自己的表单中，我现在将在页面上执行嵌套表单，我什至不确定是否允许这样做。

        <% using (Html.BeginForm("Index", "Cart")) { %> 
        <table>
            <tr>
                <th>&nbsp;</th>
            </tr>
        <% foreach (var item in Model) { %>
            <tr>
                <td>
                    <input name="qty" type="text" value="<%=item.Quantity%>" maxlength="2" />
                    <% using (Html.BeginForm("RemoveOrderItem", "Cart")) { %>                       
                        <%= Html.Hidden("ShoppingCartItemID", item.ShoppingCartItemID) %>
                        <input name="add" type="submit" value="Remove" />
                    <%} %>
                </td>
            </tr>
        <% } %>
        </table>

        <input name="update" type="submit" value="Update" />
        <%} %>  

我如何将底部输入合并到此表单中？

Answer 1

我们在我们的项目中通过使用单独的表单删除和更新的完全不同的表单来完成此操作。它们都转到 CartController 中的不同 POST 操作。

更新:给出的示例(在原始 HTML 中):

<form action="/cart/updatequantity" method="post"> 
    <input type="hidden" name="ProductSku" value="ABC-123" /> 
    <input name="quantity" class="quantity" size="2" maxlength="2" type="text" value="1" /> 
    <input type="submit" value="Update" /> 
</form> 

<form action="/cart/removeitem" method="post"> 
    <input type="hidden" name="productSku" value="ABC-123" /> 
    <input type="submit" value="Remove" /> 
</form>