js分页查询

标签：js分页

/**

 * 分页说明：

 * 因为是JS分页，所以有2个方法必须自己手动写入，分别是getMaxCount（）和findPage（）

 * getMaxCount（）为获得当前的记录总数，

 * findPage（）为根据下方的3个变量查找的列表。

 * 然后还需在页面的最下方增加一个div,div的DIV为pageTool

 */

var pageCount=10;//每页数量

var pageIndex=1;//当前第几页

var maxPage=10;//总页数

var total=0;//总数

function nextPage(){

if(pageIndex<maxPage){

pageIndex=parseInt(pageIndex)+1;

}

findPage();

initTool();

//findPage();

}

function prePage(){

if(pageIndex>1){

pageIndex=parseInt(pageIndex)-1;

}

findPage();

initTool();

//findPage(); 

}

function search(){

dwr.engine.setOrdered(false);

dwr.engine.setAsync(false);

getMaxCount();

pageIndex=1;

findPage();

initTool();

//findPage();

}

function clickPage(index){

pageIndex=index;

findPage();

initTool();

//findPage();

}

function clickPage1(){

var button=document.getElementById("goText");

if(button.value>0&&button.value<=maxPage){

clickPage(button.value);

}else{

alert("请输入一个大于0小于"+maxPage+"的数字");

}

}

function initTool(){

var pageTool=document.getElementById("pageTool");

var pageTooltr=‘<table  style="text-align: center;"><tr id="pageTooltr" style="height:30px;">‘;

pageTooltr+=‘<td>共‘+total+‘条数据 </td>‘;

pageTooltr+=‘<td>第‘+pageIndex+‘页 </td>‘;

pageTooltr+=‘<td>共‘+maxPage+‘页 </td>‘;

pageTooltr+=‘<td><a href="javascript:clickPage(1)">首页</a></td>‘;

if(pageIndex!=1){

pageTooltr+=‘<td><a href="javascript:prePage(‘+pageIndex+‘)">上一页</a></td>‘;

}

pageIndex=parseInt(pageIndex);

var first=pageIndex-4>0?pageIndex-4:1;

var last=pageIndex+4<maxPage?pageIndex+4:maxPage;

for(var a=first;a<last+1;a++){

if(a==pageIndex){

pageTooltr+=‘<td><a href="javascript:clickPage(‘+a+‘)">‘+a+‘</a></td>‘;

}else{

pageTooltr+=‘<td><a href="javascript:clickPage(‘+a+‘)">‘+a+‘</a></td>‘;

}

}

if(pageIndex!=maxPage){

pageTooltr+=‘<td><a href="javascript:nextPage()">下一页</a></td>‘;

}

pageTooltr+=‘<td ><a href="javascript:clickPage(‘+maxPage+‘)">尾页</a></td>‘;

pageTooltr+=‘<td >跳到第</td>‘;

pageTooltr+=‘<td ><input id="goText" type="text" style="width: 25px;"/></td>‘;

pageTooltr+=‘<td >页</td>‘;

pageTooltr+=‘<td><input id="goButton" type="button" value="go"/></td>‘;

pageTooltr+=‘</tr></table>‘;

pageTool.innerHTML=pageTooltr;

}

js分页查询

标签：js分页

原文地址：http://8741262.blog.51cto.com/8731262/1567553