分頁控制

首先先讀取資料庫,並將查詢結果取出並集結

開啟數據庫部份……省略

將所有的資料集結到一個陣列變數中

sum = rs.recordcount ’錄資料查詢後的總筆數

field = rs.fields.count ’錄查詢後資料的總欄位數

redim thedata(sum) ’告一陣列變數記錄每筆資料

redim thefield(field) ’告一陣列變數記錄每一欄位的記錄

’出所有查詢的資料並寫入變數中

for j = 0 to sum -1

for i = 0 to field-1 ’得所有欄位資料

thefield(i) = rs.fields(i).value

next

thedata(j)=thefield ’所有欄位資料寫入一筆記錄中

rs.movenext ’取下一筆數據

next

設定分頁

pagesize = 10 ’定每頁最大筆數

ingpage = 0 ’定起始頁 (頁碼是由0開始的,而流覽的頁碼則是從1開始)

function pageset() 當網頁讀取結束後,就會開始執行

{

取得總頁數

pagecount = <%=pagecount%>

取得目前所要顯示的頁碼

ingpage = <%=ingpage%>

利用迴圈產生所有的頁碼,並決定顯示與否

for (i = 0; i < pagecount; i++)

{

if (i == ingpage)

{

thedatapage[i].style.visibility = "visible";

document.thepage.nowpage.value = i+1;

}

else

{

thedatapage[i].style.visibility = "hidden";

}

}

}

function pagechange(pagenumber)

{

利用迴圈來達到頁面顯示的切換

for (i = 0; i < pagecount; i++)

{

if (i == pagenumber)

{

thedatapage[i].style.visibility = "visible";

document.thepage.nowpage.value = i+1;

}

else

{

thedatapage[i].style.visibility = "hidden";

}

}

}

function pageup()

{

計算上一頁的頁碼,並將結果傳給頁面切換的函數來執行

pagecount = <%=pagecount%>

ingpage = <%=ingpage%>

pagenumber = thepage.nowpage.value -2

if (pagenumber < 0)

{

pagenumber = 0

}

pagechange(pagenumber)

}

function pagedown()

{

計算下一頁的頁碼,並將結果傳給頁面切換的函數來執行

pagecount = <%=int(pagecount)%>

ingpage = <%=ingpage%>

pagenumber = thepage.nowpage.value

if (pagenumber >= pagecount)

{

pagenumber = pagecount -1

}

pagechange(pagenumber)

}

顯示介面部份

首先先建立表單抬頭的欄位名稱部份

<table>

<tr>

<td>code</td>

<td>name1</td>

<td>name2</td>

<td>name3</td>

</tr>

</table>

利用雙迴圈來取得所有預存的資料庫資料,並以頁簽的方式來分類

<%

for j = 0 to sum -1

if j mod pagesize = 0 then

response.write "<div id=’hedatapage’style=’osition:absolute; z-index:7; visibility: hidden;’"

response.write "<table>"

end if

response.write "<tr>"

for i = 0 to field-1

response.write "<td>" & trim(thedata(j)(i)) & "</td>"

next

response.write "</tr>"

if j mod pagesize = pagesize-1 or j = sum-1 then

response.write "</table>"

response.write "</div>"

end if

next

%>

建立所有的功能鍵

並以標籤的模式展示,利用left,top的設定來調整顯示的位置

<div id="tools" style="position:absolute; left:10px; top:500px; visibility:visible">

<form name="thepage">

<input type="button" onclick="javascript:pagechange(’’" value="第一頁">

<input type="button" onclick="javascript:pageup()" value="上一頁">

<%for i = 0 to pagecount-1%>

<a href="javascript:pagechange(’%=int(i)%>’"><%=int(i)+1%></a>

<%next%>

<input type="button" onclick="javascript:pagedown()" value="下一頁">

<input type="button" onclick="javascript:pagechange(’%=int(pagecount-1)%>’" value="最後一頁"><br>

目前在第<input type="text" name="nowpage" size="2" maxlength="2" readonly>&shy;頁/

總共有<input type="text" name="pagecount" value="<%=pagecount%>" size="2" maxlength="2" readonly>&shy;頁

</form>