Ajax实现分页查询

日期：2008年1月25日作者：查看:[大字体中字体小字体]

由于查询返回的数据量很大，超过10w条数据，因此需要对页面查询功能进行优化。放弃原有程序中使用DataGrid的做法，自己编写分页显示模块。
    首先在页面上添加几个DIV:

    <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)
[1] [2] [3] [4] [5] [6] [7] 下一页
Ajax实现分页查询相关文章：
·Flash制作交互动画教程星座查询器
·制作有趣的星座查询器Flash教程
·DB中查询Table占用空间的大小
·液晶显示器简易故障自己查询
·STK——乖巧易用的股价查询小软件
·SQL的简单查询
·增加Distinct后查询效率反而提高
·快速查询自己Google AdSense广告
·MySQL 数据库中对子查询的限制
·轻松学习用SQL来合并查询
Ajax实现分页查询相关软件
·唐欧阳询九成宫帖
·《欧阳询九成宫》
·全球IP地址查询（天意版）
·咨询工程师资格考试百宝箱V 2.0
·2005咨询工程师考试宏观经济政策和发展规划资料
·2005年咨询工程师考试组织与管理资料
·2005咨询工程师分析与评价部分资料
·2005年咨询工程师考试概论资料
·2005咨询工程师考试实务部份资料
·2005年咨询工程师考试复习

上一篇:sql中的iif语句详解

下一篇:在嵌入式Linux中实现802.11b无线网关

特别声明：本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载，但请务必注明出处和原始作
者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站，我们表示深深的谢意。如果本站转
载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源：http://www.hackhome.com

Ajax实现分页查询

精品推荐

热点TOP10

特别推荐