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 的列表（文章），请将其放入上下文中。这将 return 我的分页按钮为 0,1。第 0 页将显示 2 个项目，第 1 页将显示 1 个项目。

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

如果我单击回到分页按钮 0，我应该传递 0 的 i 值，不跳过任何内容，只取前 2 个项目。

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

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

但是在调试时，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()循环结束。

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

For loop not returning expected value - C# - Blazor

c#

for-loop

blazor