代码拉取完成,页面将自动刷新
BootstrapBlazor升级到7.0.0后,发现Pagination做了大量修改,旧的配置已经无法使用,我对自己的源码做了相应调整。具体信息如下:
旧的代码:
<Pagination PageItemsSource="@PageItemsSource" PageItems="@PageItems"
otalCount="@ReCordCount" PageIndex="@PageIndex" PageInfoText=""
TotalInfoText="记录总数:{0}," OnPageClick="@OnPageClick"
OnPageItemsChanged="@OnPageItemsChanged" class="mt-3"></Pagination>
新代码:
<Pagination PageIndex="@PageIndex" MaxPageLinkCount="10" Alignment="@Alignment"
PageCount="@PageCount" ShowPageInfo="true" OnPageLinkClick="@OnPageClick"
ShowGotoNavigator="true">
<PageInfoTemplate>
<div class="page-info me-2">@PageInfoText</div>
<Select @bind-Value="PageItems" Items="@PageItemsSource"
OnValueChanged="@OnPageItemsChanged" style="width: 120px;" />
</PageInfoTemplate>
</Pagination>
在使用新的Pagination后,发现一个问题:当用户选择每页显示行数,即触发OnValueChanged事件后,如果选择的PageItems值足够大,导致页码总数值等于1时,Pagination组件就会全部消失,导致用户无法再次选择每页显示行数(产生较小的PageItems值)以进行分页显示,这个问题在以前的版本中是不存在的。
在BootstrapBlazor-main中找到路由@page "/tables/pages"对应的角本,将以下代码进行调整:
private static IEnumerable<int> PageItemsSource => new int[] { 4, 10, 20 };
调整后的代码:
private static IEnumerable<int> PageItemsSource => new int[] { 4, 10, 20,100 };
然后启动程序进行调试,转到“表格组件——分页组件”下,会看到以下效果:
然后选择【100条/页】,这时页码总数变为1,会发现分页组件全部消失:
期望当页码总数为1时,页码可以不再显示,但用户仍可以使用分页组件调整每页显示行数,即希望仍能显示下图标注区域:
BootstrapBlazor 的问题请去该代码库的主页提交:https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/new
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
登录 后才可以发表评论