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  ><tr id="pageTooltr" >';

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" /></td>';

pageTooltr+='<td >頁</td>';

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

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

pageTool.innerHTML=pageTooltr;

}