(补充版)简简单单的分页方案:javascript+Struts+Hibernate

最新推荐文章于 2025-11-28 04:56:28 发布

原创最新推荐文章于 2025-11-28 04:56:28 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #hibernate #struts #div #c

本文介绍了一个使用JavaScript构建分页导航的方法。通过输入总页数，该方法能够自动生成一个二维数组，代表每一页的编号，并根据当前页显示相应的前后页链接。

前几天有朋友问给定一个数，用它来构造一个2维数组,当时想用它来在页面管理页码倒不错!按宁增勿改的原则:

1：在原JS代码中加几个了全局变量，最终的全局变量列表为:

//<![CDATA[

var globalLink;

var pageArray;

var currentPage;

var totalPage;

原来的两个函数不变,再加几个函数:

function pageStruct(paran,e){

var one=0;

var two=0;

var page=new Array();

if(param.length==0){

alert("error");

}else{

totalPage=param;

page[one]=new Array();

for(var i=0;i<param;i++){

page[one][two]=i+1;

two++;

if(two==5) two=0;

if((i+1)/5>=1 && (i+1)%5==0){

one++;

page[one]=new Array();

}

pageArray=page;

currentPage=e;

if(currentPage<=0 || currentPage==undefined) currentPage=1;

pagePanel(findPageArray());

}

该函数的作用:

a,用param参数构造一个2维数组,并把该数组赋给全局变量:pageArray;

b,用e参数给全局变量:currentPage赋值

c,打印页面面板

看另一个函数:

function findPageArray(){

var tempParam;

for(var i=0;i<pageArray.length;i++){

for(var j=0;j<pageArray[i].length;j++){

if(pageArray[i][j]==currentPage){

tempParam=i;

break;

}

return tempParam;

}

该函数的作用:

a.用currentPage来定位2维数组

最后一个函数:

function pagePanel(param){

if(param.length==0 || param<=0) param=0;

var tempPrev=currentPage-1;

if(tempPrev<=0) tempPrev=1;

var tempNext=currentPage+1;

if(tempNext>=totalPage) totalNext=totalPage;

var lastPos=pageArray[param].length-1;

pageLink="<dl><dt>Results Page:</dt>";

pageLink=pageLink+"<dd><a href='javascript:window.location.replace(getRequestPageNumber("+pageArray[param][0]+"));'>Index</a></dd>";

pageLink=pageLink+"<dd><a href='javascript:window.location.replace(getRequestPageNumber("+tempPrev+"));'>Prev</a></dd>";

for(var i=0;i<pageArray[param].length;i++){

pageLink=pageLink+"<dd><a href='javascript:window.location.replace(getRequestPageNumber("+pageArray[param][i]+"));'>"+pageArray[param][i]+"</a></dd>";

}

pageLink=pageLink+"<dd><a href='javascript:window.location.replace(getRequestPageNumber("+tempNext+"));'>Next</a></dd>";

pageLink=pageLink+"<dd><a href='javascript:window.location.replace(getRequestPageNumber("+pageArray[param][lastPos]+"));'>Last</a></dd></dl>";

document.getElementById("pagelist").innerHTML=pageLink;

}

该函数的作用:

a.用findPageArray函数返回的数数组作引元打印页面面板

最后网页的改动为:

</div>

其实用单例的模式把JS重构为面向对象的写法更好!可以避免重复的在页面构造2维数组