Question

我已根据nerddinner tutorial实现此寻呼机。

我之前已将其设置为列出第一个和最后一个链接之间的所有页面，但是现在这已经失去控制:)在下面的示例中，我有用于分页的HTML /代码块。我现在在第一个和最后一个链接之间的页码列表减少到只有10个。

然而，这并没有改变。无论我在哪个页面，它仍然会列出1-10。我希望它显示下10页的链接。任何帮助将不胜感激！

<ul id="paginator">
    <% if (Model.HasPreviousPage)
       { %>
    <li>
        <%= Html.RouteLink("First Page", new { namespaces = "Admin", controller = "Products", action = "ViewAll", page = 0 })%></li>
    <% } %>
    <% else %>
    <% { %>
    <li>First Page</li>
    <% } %>
    <% for (int i = 0; i < 10; i++) %>
    <% { %>
    <% if (i == Model.PageIndex) %>
    <% { %>
    <li>
        <%: i+1 %></li>
    <% } %>
    <% else %>
    <% { %>
    <li>
        <%= Html.RouteLink((i + 1).ToString(), new { namespaces = "Admin", controller = "Products", action = "ViewAll", page = i })%>
    </li>
    <% } %>
    <% } %>-->
    <% if (Model.HasNextPage)
       { %>
    <li>
        <%= Html.RouteLink("Last Page", new { namespaces = "Admin", controller = "Products", action = "ViewAll", page = Model.TotalPages - 1 })%></li>
    <% } %>
    <% else %>
    <% { %>
    <li>Last Page</li>
    <% } %>
</ul>

Answer 1

您可以使用当前页面来决定放置10个项目的位置，理想情况下，我想您可能希望在当前页面的任一侧（或当前页面任一侧的“n”页面）显示5个页面。这个算法相当容易实现......

var startingPage = currentPage - 5;
var endingPage = currentPage + 5;

唯一复杂的是，如果起始页面小于1，或者结束页面大于最终页面，则需要填充10个结果。

最后，您需要处理没有11页结果的情况！

var startingPage = currentPage - 5;
if (startingPage < 1) {
    startingPage = 1;
}

var endingPage = currentPage + 11;
if (endingPage > numberOfPages) {
    endingPage = numberOfPages;
}

现在你有了循环的开始和结束来创建页面链接，当前页面在中间，除了在分页的开始和结束之外。

for (int i = startingPage; i < endingPage; i++)

您可以将硬编码的值移出此代码并缩短生产代码中的表达式 - 我已经按照我认为最简单的方式完成了这些操作。

我还建议将此逻辑移动到一个帮助器类中，如果您有多个需要此逻辑的页面，可以在任何需要的地方创建页面链接。

Answer 2

您可以随时使用WebHelpers类中的WebGrid Helper（可在NuGet上使用），它将为您提供所需的一切，包括分页，然后您需要使用css设置样式。

非常好的参考将是：http://www.dotnetcurry.com/ShowArticle.aspx?ID=618

MVC分页帮助 - 列出“第一个”和“最后一个”之间的页面

2 个答案: