如何在 MVC 网络核心中编辑可枚举或列表视图

Question

如何为列表创建编辑视图？

以下是单个项目的示例视图和模型，它工作正常。下一个问题是，我有一个要编辑的项目列表。我将如何进行此操作？

型：

public partial class ProductViewModel
{
    public int ProductId { get; set; }
    public string ProductName { get; set; }
    public string ProductDescription { get; set; }
    public string ImageLocation { get; set; }
}

成功观点：

@model ProductViewModel
@{
    ViewData["Title"] = "Edit";
}
<h2>Edit</h2>
<h4>Product</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        <form asp-action="Edit">
            <div asp-validation-summary="ModelOnly" class="text-danger"></div>
            <input type="hidden" asp-for="ProductId" />
            <div class="form-group">
                <label asp-for="ProductName" class="control-label"></label>
                <input asp-for="ProductName" class="form-control" />
                <span asp-validation-for="ProductName" class="text-danger"></span>
            </div>
            <div class="form-group">
                <label asp-for="ProductDescription" class="control-label"></label>
                <input asp-for="ProductDescription" class="form-control" />
                <span asp-validation-for="ProductDescription" class="text-danger"></span>
            </div>
            <div class="form-group">
                <input type="submit" value="Save" class="btn btn-default" />
            </div>
        </form>
    </div>
</div>

现在，我有一个包含项目列表的模型，如何在视图中访问它们？我想编辑购物车中的所有商品，更具体地说是数量。尝试正确调用委托 linq 查询。

错误：

名称"modelItem"在当前上下文中不存在。

型：

using System.Collections.Generic;   
public class ShoppingCart : List<CartLine>
{
    public ShoppingCart() { }
    public ShoppingCart(IEnumerable<CartLine> collection) : base(collection) { }
    public ShoppingCart(int capacity) : base(capacity) { }
}    
public class ShoppingCartViewModel
{
    public ShoppingCart ShoppingCart { get; set; }
    public string ReturnUrl { get; set; }
}
public class CartLine
{
    public int CartLineId { get; set; }
    public Product Product { get; set; }
    public int Quantity { get; set; }
}

视图不起作用，输入类型错误如下，进一步：

@model ShoppingCartViewModel
@{
    ViewData["Title"] = "Index";
}
<h2>Edit Shopping Cart</h2>
<h4>edit</h4>
<hr />
<div class="row">
    <div class="col-md-4">
        @foreach (var item in Model.ShoppingCart)
        {
            <form asp-action="Edit">
                <div asp-validation-summary="ModelOnly" class="text-danger"></div>
                <input type="hidden" asp-for="modelItem=>item.CartLineId" />
                <div class="form-group">
                    <label asp-for="modelItem=>item.Product.ProductName" class="control-label"></label>
                    <input asp-for="modelItem=>item.Product.ProductName" class="form-control" />
                    <span asp-validation-for="modelItem=>item.Product.ProductName" class="text-danger"></span>
                </div>

Answer 1

无需在 asp 标记帮助程序中使用模型表达式。 您可以使用@符号直接在 foreach 循环中访问该项。

所以它不会asp-for="modelItem=>item.Product.ProductName"它会变得asp-for="@item.Product.ProductName".

@foreach (var item in Model.ShoppingCart)
{
  <form asp-action="Edit">
    <div asp-validation-summary="ModelOnly" class="text-danger"></div>
    <input type="hidden" asp-for="@item.CartLineId" />
    <div class="form-group">
        <label asp-for="@item.Product.ProductName" class="control-label"></label>
        <input asp-for="@item.Product.ProductName" class="form-control" />
        <span asp-validation-for="@item.Product.ProductName" class="text-danger"></span>
    </div>
  </form>
}

有关详细信息

，请查看文档。