For 循环未返回预期值 - C# - Blazor

Question

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

创建分页按钮的代码：(E.G: 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 页，即第 2 页），传递 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 ? numPerPage : (i - 1) * numPerPage)
                                        .Take(numPerPage)
                                            .ToList();
 }

如果我有一个项目总数为 3 的列表（文章），则将其放入上下文中。这将返回 0,1 的分页按钮。第 0 页将显示 2 个项目，第 1 页将显示 1 个项目。

如果我单击分页按钮 1，我应该将 1 (i) 传递给 ReturnPage 方法，这将计算 2 个项目的跳过量。这意味着此页面将跳过列表中的前 2 项，然后选择接下来的 2 项。（在这种情况下只有 1 项）

如果我点击返回到分页按钮 0，我应该传递一个 i 值 0，什么都不跳过，只取前 2 项。

但是，我根本没有看到将正确的 (i) 值传递到 ReturnPage 函数。

运行我上面概述的相同示例，for 循环返回正确数量的按钮：

但在调试时，i 的值为 2（每次？）。这会抛弃整个 .Skip() 功能。

我的解释是，完全无视 linq 的东西，for 循环中的某些东西是错误的。这种情况对我来说似乎是正确的。如果我每页计数为 3 和 2，则为 1.5，这意味着 2 页。所以我的 i 值应该是 0 和 1，但不知何故它是 2？

我一定在这里遗漏了一些基本的东西，有什么想法吗？

Answer 1

你的 for 循环应该包含一个像这样的局部变量：

 @for (int i = 0; i < Math.Ceiling((decimal)articleService.ReturnAll().Count() / numPerPage); i++)
    {
       var localVariable = i;

      <li class="page-item"><a class="page-link" onclick="@(() => ReturnPage(localVariable ))">@i</a></li>
    }

这是标准 C# 行为，其中 lambda 表达式 @(() => ReturnPage(localVariable )) 可以访问变量而不是变量的值。您必须定义一个局部于 for 循环的变量，否则您的 lambda 表达式将始终调用 ReturnPage(i) 并且 i 在循环结束时等于 Math.Ceiling((decimal)articleService.ReturnAll().Count() .