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页为第二页），传递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，不跳过任何内容，只取前两个项目。

但是我根本看不到将正确的（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），并且在循环结束时我等于Math.Ceiling（（decimal）articleService.ReturnAll（）。Count（））

For循环未返回期望值-C＃-Blazor

1 个答案: