小编Nig*_*els的帖子

使用 Blazor，我正在为我的项目创建分页功能。主要概念只是使用 linq 的 .Skip() 和 .Take()，我只会获取从列表中单击的页面的列表项。

创建分页按钮的代码：(EG: 1,2,3)

<ul class="pagination float-center">
  @for (int i = 0; i < Math.Ceiling((decimal)articleService.ReturnAll().Count() / numPerPage); i++)
    {
      <li class="page-item"><a class="page-link" onclick="@(() => ReturnPage(i))">@i</a></li>
    }
</ul>

我在这里为我的分页使用 0 索引很好。

上面的代码创建的按钮在按下时（比如第 1 页，即第二页），传递 for 循环的索引，稍后我将乘以每页的数量，以获得列表中要跳过的元素数量。

例如，当单击第 1 页时，我需要跳过列表中的 2 个元素，然后取下 2 个。（假设我想要 2 个项目作为每页的数量）

然后我的 ReturnPage 函数将跳过当前页面（点击的内容）- 1，然后乘以 2（或每页数量）以找到要跳过的总数。如果用户点击 0（第一页），那么我需要 .Skip(0) 和 .Take（每页数量）。

void ReturnPage(int i)
 {

    articles = articleService.ReturnAll()
                                .OrderByDescending(x => x.LastUpdated)
                                    .Skip((i == 0) ? 0 : (i - 1) == 0 ? …