时间戳

首页 > 解决方案 > 动态循环模型项

asp.net - 动态循环模型项

问题描述

如何在项目之间导航，但一次只动态显示 3 个。

这是我不匹配但显示概念的代码

<div class="col-1 text-center" style="border: 1px dotted orange;">
    next
</div>

@foreach (var post in Model.Take(3))
{
    <div class="col-3" style="border: 1px dotted orange;">
        <h3 style="overflow: hidden;">@post.Title</h3>
        <h6 style="overflow: hidden;">@post.BodyText</h6>
    </div>
}
<div class="col-1 text-center" style="border: 1px dotted orange;">
    back
</div>

所需的功能：

上一个 - post1 - post2 - post3 - 下一个

单击下一步 5 次

上一个 - post4 - post5 - post6 - 下一个

如果它甚至可能。

谢谢

标签： asp.netasp.net-mvcasp.net-mvc-3razor

解决方案

不确定我是否理解您的问题是否正确，但您似乎想要实现某种分页。还有一个类PagedList<T>可能会有所帮助（可从 NuGet 下载Install-Package PagedList.Mvc）。

在下面，您会找到一个教程，其中包括一个分步示例，也涵盖了分页。

https://docs.microsoft.com/en-us/aspnet/mvc/overview/getting-started/getting-started-with-ef-using-mvc/sorting-filtering-and-paging-with-the-entity-框架-in-an-asp-net-mvc-application

推荐阅读