|
首先先讀取資料庫,並將查詢結(jié)果取出並集結(jié)
開啟數(shù)據(jù)庫部份……省略
將所有的資料集結(jié)到一個(gè)陣列變數(shù)中
sum = rs.recordcount ’錄資料查詢後的總筆數(shù)
field = Rs.fields.Count ’錄查詢後資料的總欄位數(shù)
redim theData(sum) ’告一陣列變數(shù)記錄每筆資料
redim thefield(field) ’告一陣列變數(shù)記錄每一欄位的記錄
’出所有查詢的資料並寫入變數(shù)中
for j = 0 to sum -1
for i = 0 to field-1 ’得所有欄位資料
thefield(i) = rs.fields(i).value
next
theData(j)=thefield ’所有欄位資料寫入一筆記錄中
rs.movenext ’取下一筆數(shù)據(jù)
next
設(shè)定分頁
PageSize = 10 ’定每頁最大筆數(shù)
ingPage = 0 ’定起始頁 (頁碼是由0開始的,而流覽的頁碼則是從1開始)
function PageSet() 當(dāng)網(wǎng)頁讀取結(jié)束後,就會(huì)開始執(zhí)行
{
取得總頁數(shù)
PageCount = <%=PageCount%>
取得目前所要顯示的頁碼
ingPage = <%=ingPage%>
利用迴圈產(chǎn)生所有的頁碼,並決定顯示與否
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)
{
利用迴圈來達(dá)到頁面顯示的切換
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()
{
計(jì)算上一頁的頁碼,並將結(jié)果傳給頁面切換的函數(shù)來執(zhí)行
PageCount = <%=PageCount%>
ingPage = <%=ingPage%>
PageNumber = thePage.NowPage.value -2
if (PageNumber < 0)
{
PageNumber = 0
}
PageChange(PageNumber)
}
function PageDown()
{
計(jì)算下一頁的頁碼,並將結(jié)果傳給頁面切換的函數(shù)來執(zhí)行
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>
利用雙迴圈來取得所有預(yù)存的資料庫資料,並以頁簽的方式來分類
<%
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 ""
response.write "</div>"
end if
next
%>
建立所有的功能鍵
並以標(biāo)籤的模式展示,利用left,top的設(shè)定來調(diào)整顯示的位置
<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>­頁/
總共有<input type="text" name="PageCount" value="<%=PageCount%>" size="2" maxlength="2" readonly>­頁
</form>
|
