使用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函数。
但是在调试时,我的值为2(每次?)。抛出了整个.Skip()功能。
我的解释是,完全不考虑linq的东西,for循环中的某些错误。这种情况对我来说似乎是正确的。如果我每页计数3和2,即1.5,则意味着2页。因此,我的i值应为0和1,但不知何故为2?
我必须在这里遗漏一些基本知识,有什么想法吗?
答案 0 :(得分:2)
您的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())