779 Star 1.5K Fork 351

开源中国 / Gitee Feedback

 / 详情

新版Pagination组件中PageIndex的值等于1时,Pagination组件会全部消失的问题

已确认
缺陷(Bug)
创建于  
2022-11-18 11:21

问题描述

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时,页码可以不再显示,但用户仍可以使用分页组件调整每页显示行数,即希望仍能显示下图标注区域:
输入图片说明

评论 (1)

张亚军 创建了缺陷
张亚军 修改了描述
张亚军 修改了描述
展开全部操作日志

BootstrapBlazor 的问题请去该代码库的主页提交:https://gitee.com/LongbowEnterprise/BootstrapBlazor/issues/new

liu 任务状态待确认 修改为已拒绝
诺墨 关联项目设置为用户反馈
诺墨 任务类型缺陷 修改为缺陷(Bug)
诺墨 任务状态已拒绝 修改为已确认
诺墨 添加了
 
平台无关反馈
标签

登录 后才可以发表评论

状态
负责人
项目
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
预计工期 (小时)
参与者(2)
568 lc soft 1586692424
Ruby
1
https://gitee.com/oschina/git-osc.git
git@gitee.com:oschina/git-osc.git
oschina
git-osc
Gitee Feedback

搜索帮助