当前位置: 首页 > 工具软件 > kkpager > 使用案例 >

ssh框架使用kkpager实现分页

施梓
2023-12-01

在jsp页面通过input标签指定元素

<div id="kkpager"></div>
  <input id="actionName" type="hidden" value="findNewsByPage">        “findNewsByPage”这是需要跳转的action
  <input id="totalPage" type="hidden" value="${pageCount}">    “pageCount”这是action中你所获取到的总页数
  <input id="totalRecord" type="hidden" value="${totalRecord}"> “totalRecord"这是action中所获取的总记录数

actionName:totalPage: totalRecord 这三个是对应js脚本里面的你自己所定义的名字。

建立jquery.page.js js脚本来封装和初始化方法

以下时js脚本
//分页初始化
KaTeX parse error: Expected '}', got 'EOF' at end of input: …var actionName=("#actionName").val();
var totalPage=KaTeX parse error: Expected 'EOF', got '#' at position 3: ("#̲totalPage").val…("#totalRecord").val();

var pageNo=$.request.queryString[“pageIndex”];
if (!pageNo) {
pageNo=1;
}
//生成分页
//有些参数是可选的,比如lang,若不传有默认值
kkpager.generPageHtml({
pno : pageNo,
//总页码
total : totalPage,
//总数据条数
totalRecords : totalRecords,
//链接前部
hrefFormer : actionName,
//链接尾部
// hrefLatter : ‘.html’,
getLink : function(n){
return this.hrefFormer + “?pageIndex=”+n;
}

,lang : {
firstPageText : ‘首页’,
firstPageTipText : ‘首页’,
lastPageText : ‘尾页’,
lastPageTipText : ‘尾页’,
prePageText : ‘上一页’,
prePageTipText : ‘上一页’,
nextPageText : ‘下一页’,
nextPageTipText : ‘下一页’,
totalPageBeforeText : ‘共’,
totalPageAfterText : ‘页’,
currPageBeforeText : ‘当前第’,
currPageAfterText : ‘页’,
totalInfoSplitStr : ‘/’,
totalRecordsBeforeText : ‘共’,
totalRecordsAfterText : ‘条数据’,
gopageBeforeText : ’ 转到’,
gopageButtonOkText : ‘确定’,
gopageAfterText : ‘页’,
buttonTipBeforeText : ‘第’,
buttonTipAfterText : ‘页’
}

//,
//mode : ‘click’,//默认值是link,可选link或者click加粗样式
//click : function(n){
// this.selectPage(n);
// return false;
//}
});
});
**

切记在引用时正确输入路径。

**

 类似资料: