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

Question

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

创建分页按钮的代码:(例如: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() 在循环结束时.