JS分页控件,可用于无刷新分页
function
PagerBar(recordcount, pagesize, pageindex, showpagecount) {
var
NumberRegex =
new
RegExp(/^\d+$/);
this
.PageIndex = 1;
//页索引,当前页
if
(pageindex !=
null
&& NumberRegex.test(pageindex))
this
.PageIndex = parseInt(pageindex);
this
.PageSize = 10;
//页面大小
if
(pagesize !=
null
&& NumberRegex.test(pagesize))
this
.PageSize = parseInt(pagesize);
this
.RecordCount = 0;
if
(recordcount !=
null
&& NumberRegex.test(recordcount))
this
.RecordCount = parseInt(recordcount);
//记录总数
this
.PageCount = 0;
//页总数
var
PagerBar =
this
;
function
CalculatePageCount(_pagesize, _recordcount) {
//计算总页数
if
(_pagesize !=
null
&& NumberRegex.test(_pagesize)) PagerBar.PageSize = parseInt(_pagesize);
if
(_recordcount !=
null
&& NumberRegex.test(_recordcount)) PagerBar.RecordCount = parseInt(_recordcount);
else
PagerBar.RecordCount = 0;
if
(PagerBar.RecordCount % PagerBar.PageSize == 0) {
//计算总也页数
PagerBar.PageCount = parseInt(PagerBar.RecordCount / PagerBar.PageSize);
}
else
{
PagerBar.PageCount = parseInt(PagerBar.RecordCount / PagerBar.PageSize) + 1;
}
}
if
(
this
.RecordCount != 0) {
//如果传入了记录总数则计算总页数
CalculatePageCount(
this
.PageSize,
this
.RecordCount);
}
this
.ReplaceString =
"《#PageLink》"
;
//替换页数的文本,注:不可以有正则表达式中的符号
this
.ShowPagesCount = 5;
//显示页数量
if
(showpagecount !=
null
&& NumberRegex.test(showpagecount.toString()))
this
.ShowPagesCount = parseInt(showpagecount);
this
.PreviouBarFormat =
""
;
//上一页显示文本格式
this
.IsShowPreviouString =
true
;
//是否显示上一页
this
.NextBarFormat =
""
;
//下一页显示文本格式
this
.IsShowNextString =
true
;
//是否显示下一页
this
.PageBarFormat =
""
;
//页面连接显示文本格式
this
.CurrentBarFormat =
""
;
//当前页显示文本格式
this
.IsShowPageString =
true
;
//是否显示页索引
this
.FristBarFormat =
""
;
//首页链接显示文本格式
this
.IsShowFristString =
true
;
//是否显示首页
this
.LastBarFormat =
""
;
//尾页显示文本格式
this
.IsShowLastString =
true
;
//是否显示尾页
this
.CurrentRecordBarFormat =
"当前记录{0}-{1}"
;
//当前记录显示文本格式
this
.IsShowCurrentRecordString =
true
;
//是否显示当前记录
this
.CurrentPageBarFormat =
"当前第"
+
this
.ReplaceString +
"页,共"
+ (
this
.PageCount == 0 ? 1 :
this
.PageCount) +
"页"
;
//当前页文字说明文本格式
this
.IsShowCurrentPageString =
true
;
//是否显示当前页文字说明文本
this
.OtherBarFormat =
""
;
//其他也显示文本
this
.IsShowOtherString =
true
;
//是否显示其它页文本
var
regexp =
new
RegExp(
this
.ReplaceString,
"g"
);
//替换页数文本正则表达式
function
GetFristPageString() {
//获取首页文本
if
(PagerBar.FristBarFormat !=
""
&& PagerBar.PageIndex != 1) {
return
PagerBar.FristBarFormat.replace(regexp, 1);
}
else
{
return
""
;
}
}
function
GetPreviouPageString() {
//获取上一页文本
if
(PagerBar.PreviouBarFormat !=
""
) {
if
(PagerBar.RecordCount > PagerBar.PageSize && PagerBar.PageIndex != 1) {
//上一页HTML输出
return
PagerBar.PreviouBarFormat.replace(regexp, PagerBar.PageIndex - 1);
}
else
{
return
""
;
}
}
else
{
return
""
;
}
}
function
GetPageString() {
//获取中间页数链接
var
pagestr =
""
;
if
(PagerBar.CurrentBarFormat !=
""
&& PagerBar.PageBarFormat !=
""
) {
var
ShowPageFirest = PagerBar.PageIndex - parseInt(PagerBar.ShowPagesCount / 2 + 1) < 0 ? 0 : PagerBar.PageIndex - parseInt(PagerBar.ShowPagesCount / 2 + 1);
//计算显示页数的其实页数
if
(PagerBar.PageCount < PagerBar.ShowPagesCount) {
//当也总数小于显示页数量
ShowPageFirest = 0;
}
else
{
if
(PagerBar.PageIndex > (PagerBar.PageCount - parseInt(PagerBar.ShowPagesCount / 2 + 1))) {
//当页总数在后几页显示
ShowPageFirest = PagerBar.PageCount - PagerBar.ShowPagesCount;
}
}
for
(
var
i = ShowPageFirest; i < ShowPageFirest + PagerBar.ShowPagesCount; i++) {
//循环出书页数文本
if
(PagerBar.PageIndex == i + 1) {
pagestr += PagerBar.CurrentBarFormat.replace(regexp, i + 1);
}
else
{
pagestr += PagerBar.PageBarFormat.replace(regexp, i + 1);
}
if
(i >= PagerBar.PageCount - 1) {
//当到达页总数的时候挑出循环
break
;
}
}
}
return
pagestr;
}
function
GetNextPageString() {
//获取下一页链接
if
(PagerBar.NextBarFormat !=
""
) {
if
(PagerBar.RecordCount > PagerBar.PageSize && PagerBar.PageIndex != PagerBar.PageCount) {
//输出下一页HTMl
return
PagerBar.NextBarFormat.replace(regexp, PagerBar.PageIndex + 1);
}
else
{
return
""
;
}
}
else
{
return
""
;
}
}
function
GetLastPageString() {
//获取尾页链接
if
(PagerBar.LastBarFormat !=
""
&& PagerBar.PageIndex != PagerBar.PageCount && PagerBar.RecordCount != 0) {
return
PagerBar.LastBarFormat.replace(regexp, PagerBar.PageCount);
}
else
{
return
""
;
}
}
function
GetFrontOtherPageString() {
//获取前其它页链接
if
(PagerBar.OtherBarFormat !=
""
) {
if
(PagerBar.PageIndex > PagerBar.ShowPagesCount / 2 + 1) {
return
PagerBar.OtherBarFormat.replace(regexp, PagerBar.PageIndex - PagerBar.ShowPagesCount <= 0 ? 1 : PagerBar.PageIndex - PagerBar.ShowPagesCount)
}
else
{
return
""
;
}
}
else
{
return
""
;
}
}
function
GetAfterOtherPageString() {
//获取后其它页链接
if
(PagerBar.OtherBarFormat !=
""
) {
if
(PagerBar.PageIndex <= PagerBar.PageCount - PagerBar.ShowPagesCount / 2) {
return
PagerBar.OtherBarFormat.replace(regexp,
PagerBar.PageIndex + PagerBar.ShowPagesCount >= PagerBar.PageCount ? PagerBar.PageCount : PagerBar.PageIndex + PagerBar.ShowPagesCount);
}
else
{
return
""
;
}
}
else
{
return
""
;
}
}
function
GetCurrentRecordPageString() {
//获取当前记录文本
if
(PagerBar.CurrentRecordBarFormat !=
""
) {
if
(PagerBar.RecordCount == 0) {
return
""
;
}
else
{
return
PagerBar.CurrentRecordBarFormat.replace(
"{0}"
, (PagerBar.PageIndex - 1) * PagerBar.PageSize + 1).replace(
"{1}"
, PagerBar.PageIndex * PagerBar.PageSize > PagerBar.RecordCount ? PagerBar.RecordCount : PagerBar.PageIndex * PagerBar.PageSize);
}
}
else
return
""
;
}
function
GetCurrentPageBarString() {
//获取当前页记录文本
if
(PagerBar.CurrentPageBarFormat !=
""
) {
return
PagerBar.CurrentPageBarFormat.replace(regexp, PagerBar.PageIndex);
}
else
return
""
;
}
this
.GetString =
function
(pageindex) {
//输出HTML代码(全部模式)
if
(pageindex !=
null
&& NumberRegex.test(pageindex)) {
//如果传入了页索引则赋值
this
.PageIndex = parseInt(pageindex);
}
if
(
this
.PageCount == 0) {
//如果没有计算过页总数,则计算页总数
CalculatePageCount(
this
.PageSize,
this
.RecordCount);
}
var
pagestr =
""
;
if
(
this
.IsShowCurrentPageString) {
pagestr = GetCurrentPageBarString();
}
if
(
this
.IsShowCurrentRecordString) {
pagestr += GetCurrentRecordPageString();
}
if
(
this
.IsShowFristString) {
pagestr += GetFristPageString();
}
if
(
this
.IsShowPreviouString) {
pagestr += GetPreviouPageString();
}
if
(
this
.IsShowOtherString) {
pagestr += GetFrontOtherPageString();
}
if
(
this
.IsShowPageString) {
pagestr += GetPageString();
}
if
(
this
.IsShowOtherString) {
pagestr += GetAfterOtherPageString();
}
if
(
this
.IsShowNextString) {
pagestr += GetNextPageString();
}
if
(
this
.IsShowLastString) {
pagestr += GetLastPageString();
}
return
pagestr;
}
this
.GetNormalString =
function
(pageindex) {
if
(pageindex !=
null
&& NumberRegex.test(pageindex)) {
//如果传入了页索引则赋值
this
.PageIndex = parseInt(pageindex);
}
if
(
this
.PageCount == 0) {
//如果没有计算过页总数,则计算页总数
CalculatePageCount(
this
.PageSize,
this
.RecordCount);
}
var
pagestr =
""
;
pagestr += GetFristPageString();
pagestr += GetPreviouPageString();
pagestr += GetPageString();
pagestr += GetNextPageString();
pagestr += GetLastPageString();
return
pagestr;
}
this
.GetSimpleString =
function
(pageindex) {
if
(pageindex !=
null
&& NumberRegex.test(pageindex)) {
//如果传入了页索引则赋值
this
.PageIndex = parseInt(pageindex);
}
if
(
this
.PageCount == 0) {
//如果没有计算过页总数,则计算页总数
CalculatePageCount(
this
.PageSize,
this
.RecordCount);
}
var
pagestr =
""
;
pagestr += GetPreviouPageString();
pagestr += GetCurrentPageBarString();
pagestr += GetNextPageString();
return
pagestr;
}
}
使用示例:
1
2
|
< SCRIPT type = text /javascript> <!--mce:0--> </ SCRIPT > < STYLE > <!--mce:2--> </ STYLE > < DIV id = pager > </ DIV >< SCRIPT type = text /javascript> <!--mce:1--> </ SCRIPT > < PRE ></ PRE > |
分类:
前台javascript
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 地球OL攻略 —— 某应届生求职总结
· 周边上新:园子的第一款马克杯温暖上架
· Open-Sora 2.0 重磅开源!
· .NET周刊【3月第1期 2025-03-02】
· [AI/GPT/综述] AI Agent的设计模式综述
2011-05-16 UML中几种类间关系:继承、实现、依赖、关联、聚合、组合的联系与区别(转)