您的位置:首页 > 其它

displaytag 分页-添加页码输入框跳转至指定页

2016-07-15 11:32 525 查看

环境前提:工程引用displaytag-1.2.jar 使用displaytag自动生成的分页

修改分页步骤

1.修改配置文件displaytag.properties

原配置文件:displaytag-1.2.jar --> org.displaytag.properties --> displaytag.properties

新建配置文件displaytag.properties放在/WEB-INF/classes目录下,新配置文件中相同key的值将会覆盖原配置文件中的值

在新配置文件中修改原配置文件中paging.banner.full paging.banner.first paging.banner.last的值

paging.banner.full paging.banner.first添加(输入框和跳转)代码:

\u7b2c<input id="gotoPageNumber_displaytag">\u9875 <a onclick="gotoPage_displaytag(0)">GO</a><input type="hidden" id="lastPageUrl_displaytag" value="{4}"/>

paging.banner.last添加(输入框和跳转)代码:

\u7b2c<input id="gotoPageNumber_displaytag">\u9875 <a onclick="gotoPage_displaytag(1)">GO</a><input type="hidden" id="prevPageUrl_displaytag" value="{2}"/>

备注:

displaytag.properties中汉字存储的是Unicode码 \u7b2c为第 \u9875为页

{4}最后解析为尾页a标签的href值,即跳转到尾页的链接

{2}最后解析为上一页a标签的href值,即跳转到上一页的链接

paging.banner.full paging.banner.first用尾页的链接,目的是获取总页数

paging.banner.last用上一页的链接,是因为尾页此时没有链接,通过上一页获取总页数(上一页的页数+1即为总页数)

修改完成配置文件后需要重新启动服务

 

如果只有一个jsp页面需要修改为有跳转功能的分页可以直接在jsp页面修改配置文件的值

<display:setProperty name="paging.banner.full" value='<span class="pagelinks">...添加代码在此处,和上一样...</span>' />

<display:setProperty name="paging.banner.first" value='<span class="pagelinks">...添加代码在此处,和上一样...</span>' />

<display:setProperty name="paging.banner.last" value='<span class="pagelinks">...添加代码在此处,和上一样...</span>' />

 

2.添加跳转事件(gotoPage_displaytag())

可以单独新建js文件在jsp页面进行引用 也可以直接将js方法添加到jsp页面已经引用的共通js文件中

function gotoPage_displaytag(pageFlag) {

// 跳转到第多少页只能输入正整数 正整数正则表达式
var T = /^[1-9]\d*$/;

// 获取输入的值 用JS方法获取 以防页面没有引用JQUERY
var pageNum = document.getElementById("gotoPageNumber_displaytag").value;

// 对输入的页数进行校验 如果输入的页数不是正整数 什么也不做
if (!T.test(pageNum)) {
return;
}

// 获取页面跳转URL pageFlag=0时获取的是尾页的URL pageFlag=1时获取的是上一页的URL
var url = null;
if (pageFlag == 0) {
// paging.banner.full
// paging.banner.first
// 获取的是尾页的URL
url = document.getElementById("lastPageUrl_displaytag").value;
} else {
// pageFlag == 1
// paging.banner.last
// 获取的是上一页的URL
url = document.getElementById("prevPageUrl_displaytag").value;
}

// 获取总页数
// d-16544-p是displaytag-1.2.jar通过row生成记录页码的key
// java代码中通过new ParamEncoder("row").encodeParameterName(TableTagParameters.PARAMETER_PAGE)获取该key
// 进一步通过request.getParameter(key)获取指定跳转到的页数
var urlArray = url.split("d-16544-p=");
var urlLastPart = urlArray[1];
// url中用&分开各个参数传值
var index = urlLastPart.indexOf("&");
var totalPageNum = null;
if (index < 0) {
// d-16544-p是最后一个参数 urlLastPart即为页数
totalPageNum = urlLastPart;
// 删除第二部分参数字符串中页数的值 下将设置为即将跳转的页数
urlLastPart = "";
} else {
// d-16544-p不最后一个参数 从urlLastPart中获取页数
totalPageNum = urlLastPart.substr(0, index);
// 删除第二部分参数字符串中页数的值 下将设置为即将跳转的页数
urlLastPart = urlLastPart.substr(index);
}
if (pageFlag == 1) {
// 总页数 = 上一页页数 + 1
totalPageNum = parseInt(totalPageNum) + 1;
}

// 判断输入页数是否超过总页数 如果没有超过总页数替换页数为输入页 超过总页数按最大页查询
// 设置新的url
// 第一部分参数
url = urlArray[0] + 'd-16544-p=';
// 跳转的页数
if (parseInt(pageNum) < parseInt(totalPageNum)) {
url += pageNum;
} else {
url += totalPageNum;
}
// 第二部分参数
url += urlLastPart;

// 跳转到指定页数
window.location = url;
}

 displaytag官方网站(http://displaytag.sourceforge.net)

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: