没有合适的资源?快使用搜索试试~ 我知道了~
Ajax实现分页查询
4星 · 超过85%的资源 需积分: 10 60 下载量 165 浏览量
2008-01-07
21:56:55
上传
评论
收藏 6KB TXT 举报
温馨提示
试读
7页
Ajax实现分页查询
资源推荐
资源详情
资源评论
Ajax实现分页查询
<div id="div_trackpoint" style=" border:solid 1px gray; height:230px; width:99%; overflow-y:auto;">用于显示查询回的数据</div>
<div id="div_trackpages" style=" height:15px; width:99%; font-size:8pt; Word-break:break-all; word-wrap: break-word;">用于显示分页的页码</div><br />
<div id="div_trackpagetab" style=" height:15px; width:99%; font-size:8pt; text-align:center;">用于显示前一页、后一页、...、首页、尾页等控制按钮</div>
<div id="div_trackpage_status" style=" height:20px; width:99%; font-size:8pt; text-align:center;">用于显示当前页的页码</div>
实现客户端分页函数:
var CurPage=0; //当前页
var TotalPage=0; //总页数
var PageTab=7; //每组显示页数
var CurTab=0; //当前分组
我的程序是设置每页显示50条数据,每组显示7页,这些可以按需求调整。
TurnTab函数用于切换分组,根据传入的val来计算显示哪一组页面。val=1表示切换到下一组,val=-1表示切换到上一组,0表示切换到第一组,-2表示切换到最后一组。用户通过单击页面上的 ... 符号来切换分组。
function TurnTab(val)
{
var nPage = 0;
if (val == 1) {
CurTab++;
nPage = (CurTab - 1) * PageTab + 1;
}
else if (val == -1) {
CurTab--;
nPage = (CurTab - 1) * PageTab + 1;
}
else if (val == 0) {
CurTab = 1;
<div id="div_trackpoint" style=" border:solid 1px gray; height:230px; width:99%; overflow-y:auto;">用于显示查询回的数据</div>
<div id="div_trackpages" style=" height:15px; width:99%; font-size:8pt; Word-break:break-all; word-wrap: break-word;">用于显示分页的页码</div><br />
<div id="div_trackpagetab" style=" height:15px; width:99%; font-size:8pt; text-align:center;">用于显示前一页、后一页、...、首页、尾页等控制按钮</div>
<div id="div_trackpage_status" style=" height:20px; width:99%; font-size:8pt; text-align:center;">用于显示当前页的页码</div>
实现客户端分页函数:
var CurPage=0; //当前页
var TotalPage=0; //总页数
var PageTab=7; //每组显示页数
var CurTab=0; //当前分组
我的程序是设置每页显示50条数据,每组显示7页,这些可以按需求调整。
TurnTab函数用于切换分组,根据传入的val来计算显示哪一组页面。val=1表示切换到下一组,val=-1表示切换到上一组,0表示切换到第一组,-2表示切换到最后一组。用户通过单击页面上的 ... 符号来切换分组。
function TurnTab(val)
{
var nPage = 0;
if (val == 1) {
CurTab++;
nPage = (CurTab - 1) * PageTab + 1;
}
else if (val == -1) {
CurTab--;
nPage = (CurTab - 1) * PageTab + 1;
}
else if (val == 0) {
CurTab = 1;
nPage = 1;
}
else if (val == -2) {
CurTab = Math.floor(TotalPage / PageTab) + 1;
nPage = (CurTab - 1) * PageTab + 1;
}
var carinfo = document.getElementById("div_trackpages");
var tabinfo = document.getElementById("div_trackpagetab");
var strInner = "";
strInner += "<a href=\"javascript:TurnPage(1)\">首页</a> ";
strInner += "<a href=\"Javascript:PreviousPage()\">前一页</a> ";
strInner += "总共" + TotalPage + "页 ";
strInner += "<a href=\"javascript:NextPage()\">下一页</a> ";
strInner += "<a href=\"javascript:TurnPage(" + TotalPage + ")\">尾页</a> ";
tabinfo.innerHtml = strInner;
strInner = "";
if (CurTab > 1) strInner += "<a href=\"javascript:TurnTab(-1)\">...</a> ";
for ( ; nPage<=CurTab*PageTab; nPage++) {
}
else if (val == -2) {
CurTab = Math.floor(TotalPage / PageTab) + 1;
nPage = (CurTab - 1) * PageTab + 1;
}
var carinfo = document.getElementById("div_trackpages");
var tabinfo = document.getElementById("div_trackpagetab");
var strInner = "";
strInner += "<a href=\"javascript:TurnPage(1)\">首页</a> ";
strInner += "<a href=\"Javascript:PreviousPage()\">前一页</a> ";
strInner += "总共" + TotalPage + "页 ";
strInner += "<a href=\"javascript:NextPage()\">下一页</a> ";
strInner += "<a href=\"javascript:TurnPage(" + TotalPage + ")\">尾页</a> ";
tabinfo.innerHtml = strInner;
strInner = "";
if (CurTab > 1) strInner += "<a href=\"javascript:TurnTab(-1)\">...</a> ";
for ( ; nPage<=CurTab*PageTab; nPage++) {
剩余6页未读,继续阅读
资源评论
- nilioubang20082015-06-25还行啊,能够运行
- Modal262014-07-23還可以把 顯然幫不上什麼忙 謝謝分享噶
- dragonmay5202015-11-20还行啊,能够运行
百晓生ぁ
- 粉丝: 3
- 资源: 4
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功