BlazorPager | English
BlazorPager 是一个应用于 Razor Components(即Blazor服务器端) 项目的分页组件,支持Blazor 0.8.0+,目前还在逐步完善中!
Nuget包可从 https://www.nuget.org/packages/BlazorPager/ 下载。
可以通过VS的Nuget包管理器界面中搜索并添加 BlazorPager 引用,也可以在VS的Nuget包管理器控制台中输入如下命令安装:
Install-Package BlazorPager
或者通过.net core命令行安装:
dotnet add package BlazorPager
- 注册 TagHelper:
@addTagHelper *,Webdiyer.AspNetCore.BlazorPager
- 如果需要在服务器端代码中引用 BlazorPager,请引入如下命名空间:
@using Webdiyer.AspNetCore;
- 一个最简单的 BlazorPager 使用示例(不获取和显示数据):
@page "/"
@page "/index/{page:int}"
@addTagHelper *,Webdiyer.AspNetCore.BlazorPager
<BlazorPager TotalItemCount="188" InitPageIndex="@Page" RoutePattern="index/{0}"></BlazorPager>
@functions{
[Parameter]
private int Page { get; set; }
}
更多使用示例,请查看Demo文件夹下的示例项目。
分页控件html容器标签名,默认为div。
获取或设置每页显示的记录数。
获取或设置分页组件初始化时的当前页索引。
获取或设置要分页的数据总数。
获取或设置数字页索引文本格式化字符串。
获取或设置当前页数字页索引文本格式化字符串。
获取或设置用于生成分页链接的路由模板,该值必须包含一个“{0}”占位符。
获取或设置要显示的数字页索引分页按钮的数量。
获取或设置分页事件处理程序。
获取或设置要应用于所有分页按钮上的CSS样式类名。
获取或设置应用于更多页分页导航按钮的CSS样式类。
获取或设置要应用于数字页索引分页按钮上的CSS样式类名。
获取或设置应用于分页导航按钮的CSS样式类。
获取或设置要应用于当前页索引分页按钮上的CSS样式类名。
获取或设置应用于已禁用的分页元素的CSS样式类。
获取或设置一个值,该值指示当总页数只有一页时,是否自动隐藏分页组件。
获取或设置一个值,该值指示是否显示数字页索引分页按钮。
获取或设置一个值,该值指示是否显示更多页分页导航按钮。
获取或设置一个值,该值指示是否显示首页和尾页分页导航按钮。
获取或设置一个值,该值指示是否显示上一页和下一页分页导航按钮。
获取或设置首页分页按钮上显示的文本。
获取或设置上一页分页按钮上显示的文本。
获取或设置下一页分页按钮上显示的文本。
获取或设置最后一页分页按钮上显示的文本。
获取或设置更多页按钮上显示的文本。
获取或设置分页元素的父元素的标签名,默认值为null,意即没有父元素。
获取或设置要应用于分页元素父元素的CSS样式类。
获取或设置数字页索引分页元素的父元素的标签名,默认值为null,意即没有父元素。
获取或设置要应用于数字页索引分页元素父元素的CSS样式类。
获取或设置当前页分页元素的父元素的标签名,默认值为null,意即没有父元素。
获取或设置要应用于当前页分页元素父元素的CSS样式类。
获取或设置首页、尾页、上页和下页四个分页元素的父元素的标签名,默认值为null,意即没有父元素。
获取或设置要应用于首页、尾页、上页和下页四个分页元素父元素的CSS样式类。
获取或设置更多页分页元素的父元素的标签名,默认值为null,意即没有父元素。
获取或设置要应用于更多页分页元素父元素的CSS样式类。
获取或设置被禁用的分页元素的父元素的标签名,默认值为null,意即没有父元素。
若当前页为第一页时,则首页和上一页分页导航按钮将被禁用;若当前页为最后一页,则尾页和下一页分页导航按钮将被禁用;
获取或设置要应用于被禁用的分页元素父元素的CSS样式类。
获取或设置一个用于在分页组件开始标签后写入内容的委托。
获取或设置一个用于在分页组件结束标签前写入内容的委托。
获取当前页索引。
获取要分页数据的总页数。
跳转到指定页。
Name | Description |
---|---|
pageIndex: | 要跳转到的页索引,从1开始。 |