如何在 MVC Net Core 中编辑可枚举视图或列表视图

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 查询。

错误：

The name 'modelItem' does not exist in the current context.

型号：

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>
}

查看 docs 了解更多信息。

如何在 MVC Net Core 中编辑可枚举视图或列表视图

How to Edit Enumerable or List View in MVC Net Core

html

c#

asp.net-core-mvc

asp.net-core

asp.net-core-2.0