如何编辑视图模型 ASP.NET 中包含的列表

Question

我正在做一个项目，我必须使用 ASP.NET MVC项目创建一个购物车。

我试图编辑存储在自定义 ViewModel 属性中的值，该属性是对象列表。

模型如下所示：

public class ShoppingCartVM
{
    public List<ProductVM> CartItems { get; set; }
    public decimal SubTotal { get; set; }
    public decimal Tax { get; set; }
    public decimal Total { get; set; }
    public ShoppingCartVM() {}
    public ShoppingCartVM(List<ProductVM> cartItems) {
        this.CartItems = cartItems;
        this.SubTotal = CalculateSubTotal();
        this.Tax = CalculateTax();
        this.Total = CalulateTotal();
        // CalculateItemCost(); // will update the total cost field of VM
    }
    public decimal CalculateSubTotal()
    {
        decimal? total = 0.00m;
        foreach(var item in this.CartItems)
        {
            total += item.totalCost;
        }
        return (decimal)total;
    }
    public decimal CalculateTax()
    {
        decimal tax = this.SubTotal * 0.07m;
        return tax;
    }
    public decimal CalulateTotal()
    {
        decimal total = this.SubTotal + this.Tax;
        return total;
    }       
}

在视图中，我目前正在尝试循环列表并为某些值创建可编辑字段，如下所示：

<div class="form-horizontal">
    <h4>ShoppingCartVM</h4>
    <hr />
    @Html.ValidationSummary(true, "", new { @class = "text-danger" })
    @{ 
        int i = 0;
        // List<ShoppingCartApp.Models.ProductVM> CartItems = new List<ShoppingCartApp.Models.ProductVM>();
    }
    @foreach (var item in Model.CartItems)
    {
        // try to build up an array and add it to
        <span> @item.productID </span>
        @Html.Hidden("Model.CartItems[" + @i + " ].productID",@item.productID);
        <span> @item.productName </span>
        @Html.Hidden("Model.CartItems[" + @i + " ].productName", Model.CartItems[@i].productName);
        @*<input type="number" value="@item.quantity" name="Model.CartItems[@i].quantity" />*@
        @Html.EditorFor(model => model.CartItems[@i].quantity);
        <span> @item.price </span>
        @Html.HiddenFor(model => model.CartItems[@i].price);
        <span> @item.totalCost </span> 
        @Html.HiddenFor(model => model.CartItems[@i].totalCost);
        <br />
        i++;
    }
    @Html.HiddenFor(model => model.CartItems); @*probably wont have updated values*@
    <br />
    @Html.Raw("<p> Sub total: " + Model.SubTotal + "</p>")
    @Html.HiddenFor(model => model.SubTotal)
    @Html.Raw("<p> Tax: " + Model.Tax + "</p>")
    @Html.HiddenFor(model => model.Tax)
    @Html.Raw("<p> Total: " + Model.Total + "</p>")
    @Html.HiddenFor(model => model.Total)
    <div class="form-group">
        <div class="col-md-offset-2 col-md-10">
            <input type="submit" value="Save" class="btn btn-default" />
        </div>
    </div>
</div>

}

对此有什么想法吗？我将列表存储在 VM 中以尝试减少视图中的"业务逻辑"，但这似乎为我创造了更多。

您的帮助将不胜感激，

谢谢

马 特

Answer 1

因此，

为了访问值，我将其更改为 for 循环，然后为我需要值的每个字段创建一个编辑器或隐藏。这样，当我点击"提交"时，它会将所有这些值放入我在 Post 操作方法中指定的对象中。

 @for (int i = 0; i < Model.CartItems.Count; i++)
    {
        @Html.DisplayFor(x => x.CartItems[i].productID);
        @Html.HiddenFor(x => x.CartItems[i].productID);
        @Html.DisplayFor(x => x.CartItems[i].productName);
        @Html.HiddenFor(x => x.CartItems[i].productName);
        @Html.DisplayFor(x => x.CartItems[i].price);
        @Html.HiddenFor(x => x.CartItems[i].price);
        @Html.EditorFor(x => x.CartItems[i].quantity);
        @Html.DisplayFor(x => x.CartItems[i].totalCost);
        @Html.HiddenFor(x => x.CartItems[i].totalCost);                     
    }

将用正确的名称对字段进行微调，以便 asp.net 发布时可以放入同一对象中。

[HttpPost]
    public ActionResult ViewCart(ShoppingCartVM cart)
    {
        return View(cart);
    }

这个链接非常有帮助。

发布到列表<模型类型> MVC3

谢谢

马 特