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

Question

使用 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 ? 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 循环返回正确数量的按钮：

但是在调试时，我的值为 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() .