首页 > 解决方案 > 要显示最多 5 个缩略图

问题描述

想要在缩略图中显示最多 5 张图像。但它会打印它拥有的所有图像。

@foreach (var orderline in order.OrderLines.DistinctBy(ol => ol.imageURL))
{
    <img height="40" src="@orderline.imageURL" alt="@(orderline.Listing.Title.Length > 15 ? orderline.Listing.Title.Substring(0, 15) : orderline.Listing.Title)" />
}

标签: c#htmlrazorslamdata

解决方案


您已经在代码中使用了一些 Linq,所以只需使用更多。Linq 中的Take()方法将完全满足您的要求:

@foreach (var orderline in order.OrderLines.DistinctBy(ol => ol.imageURL).Take(5))
{
    <img height="40" src="@orderline.imageURL" alt="@(orderline.Listing.Title.Length > 15 ? orderline.Listing.Title.Substring(0, 15) : orderline.Listing.Title)" />
}

我在最后Take(5)添加的意思是您最多只能迭代 5 个项目


推荐阅读