惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

aimingoo的专栏
aimingoo的专栏
宝玉的分享
宝玉的分享
freeCodeCamp Programming Tutorials: Python, JavaScript, Git & More
WordPress大学
WordPress大学
V
V2EX
Apple Machine Learning Research
Apple Machine Learning Research
J
Java Code Geeks
腾讯CDC
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
Engineering at Meta
Engineering at Meta
L
LangChain Blog
Jina AI
Jina AI
博客园 - 叶小钗
B
Blog RSS Feed
Recent Announcements
Recent Announcements
H
Help Net Security
小众软件
小众软件
大猫的无限游戏
大猫的无限游戏
B
Blog
云风的 BLOG
云风的 BLOG
Blog — PlanetScale
Blog — PlanetScale
D
DataBreaches.Net
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
罗磊的独立博客

博客园 - Gu

上位机开发人员真的需要物理 PLC 或博途吗?我们仅仅需要一个模拟 S7 通讯的工具 检查采集程序心跳的程序挂了。看来得套娃,再来一个检测检测程序的程序 Web.INI vue前端项目,默认request 30秒超时,如何设置某个导出动作1分钟才超时 提示coreclr.dll 出错?栈溢出? .Net 6使用轻量级任务调度Coravel实践 Blazor 循环的迷思 Grafana 可视化图表 mysqldump 导出批量忽略某些表的bat脚本 cron表达式的讲解 若依 自定义注解@Log,实现aop java 处理日期时间有多个类,用哪个比较好 文件同步工具 西门子PLC Modus TCP通讯 thingsboard 接口 圆度和径向跳动,直线度的区别 安装thingsboard 3.7 dotNET_Reactor 混淆net程序时, 一些全局变量要加上volatile 修饰符, 不然优化到不会改变 安全可靠测评结果公告(2023年第1号) 2023-12-26 来源: 中国信息安全测评中心 Blazor 和Known 框架学习
Ant Design Blazor Table 组件的 自定义分页样式, 显示全部记...
Gu · 2024-05-10 · via 博客园 - Gu

在 Ant Design Blazor 中,Table 组件的 ShowTotal 属性是一个泛型属性,它可以是两种类型之一:Func<PaginationTotalContext, string> 或 RenderFragment<PaginationTotalContext>。这个属性用于定义如何显示表格数据的总条数。

OneOf<T1, T2> 是一个特殊的类型,它表示这个属性可以是 T1 或 T2 中的任意一个类型。在这种情况下,ShowTotal 属性可以是 Func<PaginationTotalContext, string> 或 RenderFragment<PaginationTotalContext> 中的任意一个。

  • Func<PaginationTotalContext, string> 是一个委托,它接受一个 PaginationTotalContext 对象作为参数,并返回一个字符串。这个字符串将作为分页信息中显示总条数的文本。

  • RenderFragment<PaginationTotalContext> 是一个用于渲染 UI 的片段,它接受一个 PaginationTotalContext 对象作为参数。在这个片段中,你可以使用 Blazor 的渲染语法来创建任意复杂的 UI 来显示总条数。

以下是如何使用这两种方式来设置 ShowTotal 属性的示例:

使用 Func<PaginationTotalContext, string>:

@using AntDesign;

<Table TItem="YourDataType"
       DataSource="yourDataList"
       @bind-PageIndex="currentPage"
       @bind-PageSize="pageSize"
       Total="totalItems"
       ShowTotal=@(context => $"共 {context.Total} 条记录)">
    <!-- 表格列定义 -->
</Table>

@code {
    private int currentPage = 1;
    private int pageSize = 10;
    private int totalItems = 50; // 假设有50条数据
}

使用 RenderFragment<PaginationTotalContext>:

@using AntDesign;

<Table TItem="YourDataType"
       DataSource="yourDataList"
       @bind-PageIndex="currentPage"
       @bind-PageSize="pageSize"
       Total="totalItems"
       ShowTotal=@(context => (@<span>共 @context.Total 条记录</span>))">
    <!-- 表格列定义 -->
</Table>

@code {
    private int currentPage = 1;
    private int pageSize = 10;
    private int totalItems = 50; // 假设有50条数据
}

在这两个示例中,我们分别使用了 Func<PaginationTotalContext, string> 和 RenderFragment<PaginationTotalContext> 来设置 ShowTotal 属性,以显示数据的总条数。你可以根据你的需求选择任意一种方式来定制显示总条数的文本或 UI。