如何将 List<IEnumerable<ProductViewModel>> 转换为 <IEnumerable<ProductViewModel>>？

Question

我正在从类别的ICollection<Product> Products 属性访问数据。如果您查看下面的控制器代码，使用第二个选择，我将每个产品的 Form 从 Product 实体更改为返回 IQueryable<IEnumerable<ProductViewModel>> 的 ProductViewModel。

最后，使用ToListAsync() 方法，模型返回一个List<IEnumerable<ProductViewModel>>，我的View 不接受它。

我的控制器型号是这样的：

var model = (await db.Categories.Where(c => c.Id == id).Select(p => p.Products.Select(x => new 
                    ProductViewModel { Id = x.Id, Name = x.Name,  ByteImage = x.Image, Price = x.Price})).ToListAsync());

            return View(model);

这个模型的返回类型是List<IEnumerable<ProductViewModel>>，我不能在我的视图中遍历这个模型来显示数据。

给View的视图模型是：

@model IEnumerable<ProductViewModel>.

这是我收到的错误消息：

编译器错误消息：CS0411：无法从用法推断方法“DisplayNameExtensions.DisplayNameFor(HtmlHelper, Expression>)”的类型参数。尝试明确指定类型参数。

Source Error:

Line 14:     <tr>
Line 15:         <th>
Line 16:             @Html.DisplayNameFor(model => model.Name)
Line 17:             
Line 18:         </th>

产品视图模型：

public class ProductViewModel
    {
        public int Id { get; set; }
        [Required, Display(Name="Product Name")]
        public string Name { get; set; }
        [Required, DataType(DataType.Upload)]
        public HttpPostedFileBase Image { get; set; }
        public string OutputImage { get; set; }
        public Byte[] ByteImage { get; set; }
        [Required]
        public Decimal Price { get; set; }

        public static byte[] ConvertToByte(ProductViewModel model)
        {
            if (model.Image != null)
            {
                byte[] imageByte = null;
                BinaryReader rdr = new BinaryReader(model.Image.InputStream);
                imageByte = rdr.ReadBytes((int)model.Image.ContentLength);

                return imageByte;
            }

            return null;
        }

        // ViewModel => Model | Implicit type Operator
        public static implicit operator Product(ProductViewModel viewModel)
        {
            var model = new Product
            {
                Id = viewModel.Id,
                Name = viewModel.Name,
                Image = ConvertToByte(viewModel),
                Price = viewModel.Price
            };

            return model;
        }

        // Model => ViewModel | Implicit type Operator
        public static implicit operator ProductViewModel(Product model)
        {
            var viewModel = new ProductViewModel
            {
                Id = model.Id,
                Name = model.Name,
                OutputImage = string.Format("data:image/jpg;base64,{0}", Convert.ToBase64String(model.Image)),
                Price = model.Price
            };

            return viewModel;
        }

    }

这是查看索引：

@model List<ValueVille.Models.ProductViewModel>
@using MvcApplication8.Models

@{
    ViewBag.Title = "Index";
}

<h2>Index</h2>

<p>
    @Html.ActionLink("Create New", "Create")
</p>
<table class="table">
    <tr>
        <th>
            @Html.DisplayNameFor(model => model.Name)

        </th>
        <th>
            @Html.DisplayNameFor(model => model.Image)
        </th>
        <th>
            @Html.DisplayNameFor(model => model.Price)
        </th>
        <th></th>
    </tr>

@foreach (var item in Model) {
    <tr>
        <td>
            @Html.DisplayFor(modelItem => item.Name)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Image)
        </td>
        <td>
            @Html.DisplayFor(modelItem => item.Price)
        </td>
        <td>
            @Html.ActionLink("Edit", "Edit", new { id=item.Id }) |
            @Html.ActionLink("Details", "Details", new { id=item.Id }) |
            @Html.ActionLink("Delete", "Delete", new { id=item.Id })
        </td>
    </tr>
}

</table>

Answer 1

您需要改用SelectMany：

(await db.Categories
         .Where(c => c.Id == id)
         .SelectMany(p => p.Products.Select(x => new ProductViewModel { Id = x.Id, Name = x.Name, ByteImage = x.Image, Price = x.Price }))
         .ToListAsync());

SelectMany 在您想从多个序列投影到单个（平面）序列时很有用。

---

根据您的更新：

由于您的模型实际上是List<ProductViewModel>，当您想要显示某个属性的名称时，您需要指向一个实际的ProductViewModel 实例在该列表中。

例如：

@Html.DisplayNameFor(model => model[0].Name)

见MSDN

Answer 2

目前，您的序列看起来像这样

[ [model1, model2, model3], [model4, model] ]

你可以把它弄平

model.SelectMany(m => m)

为

[ model1, model2, model3, model4, model5 ]

（如果这真的是你想要的）