求高手帮忙用js对列表进行分页

求高手帮忙用js对列表进行分页,第1张

我已经把分页做好了,剩下的你应该可以解决!

var ObjPage = {};

///总记录数

ObjPageRecordCount = 0;

///总共页数

ObjPagePageCount = 0;

///当前页数, 1为第一页

ObjPagePageIndex = 1;

///每页记录数

ObjPagePageSize = 3;

///生成分页按钮

ObjPageFun = function () {

    var sb = '';

    if (ObjPagePageIndex <= 1) {

        sb += '<span id="spanFirst" val="0">首页</span> <span id="spanPre" val="0">上一页</span>';

    } else {

        sb += '<span id="spanFirst" val="1">首页</span> <span id="spanPre" val="' + (ObjPagePageIndex - 1) + '">上一页</span>';

    }

    if (ObjPagePageIndex >= ObjPagePageCount) {

        sb += '<span id="spanNext" val="0">下一页</span> <span id="spanLast" val="0">尾页</span>';

    } else {

        sb += '<span id="spanNext" val="' + (ObjPagePageIndex + 1) + '">下一页</span> <span id="spanLast" val="' + (ObjPagePageCount) + '">尾页</span>';

    }

    sb += '第<span id="spanPageNum">' + ObjPagePageIndex + '</span>页/共<span id="spanTotalPage">' + ObjPagePageCount + '</span>页';

    $("pagess")html(sb);

};

///初始化数据

ObjPageLoad = function () {

    var PicList = $("PicList");

    var dd_length = PicListfind("dd")length;

    ObjPageRecordCount = dd_length;

    var PageCount = dd_length % ObjPagePageSize>01:0;

    ObjPagePageCount = parseInt(dd_length / ObjPagePageSize) + PageCount;

    ObjPageFun();

};

$(function () {

    ObjPageLoad();

    $("#spanPre,#spanNext,#spanLast,#spanFirst")live("click", function () {

        var v_val = parseInt($(this)attr("val"));

        if (v_val == 0) {

            var v_id = $(this)attr("id"); alert(v_id);

            switch (v_id) {

                case "spanLast":

                    alert("已经是尾页");

                    break;

                case "spanFirst":

                    alert("已经是首页");

                    break;

            }

            return;

        }

        ObjPagePageIndex = v_val;

        ObjPageFun();

    });

});

你是要ajax?建议用ajax的框架,假如你是用java的 ajaxanywhere是个比较好的框架。net直接拖就行了。。纯粹的js的分页那有什么意义?数据不分页的话,数据都读到页面上了,你服务器内存不会溢出吗

从数据库一次性读出所有的记录并不是一个好的做法。虽然你完全可以这样做,但是如果你这么做了,你的网站将糟糕得一塌糊涂。

为了能让你不误入歧途,我说一下正确的做法。

方法一:用sql进行分页,获取分页数据。根据RequesQueryString来获取页索引,根据页索引和页大小获取分页数据,然后生成html。

方法二:也是一个用于大型网站的方法。新闻条数的增长速度是相对缓慢的,在新增一条新闻前,每次查询出的数据都是一样的。所以可以在列表被请求前就事先生成该列表(静态页面)。这个方法可以结合方法一,也可以一次获取所有记录,再分页生成html。

最后,给你推荐一款分页用的jQuery插件,pagingnation,链接:>

以上就是关于求高手帮忙用js对列表进行分页全部的内容,包括:求高手帮忙用js对列表进行分页、怎样用JS实现网站分页,得到JS代码后如何使用、求帮忙,我想在前台实现新闻列表分页,数据是一次性全部从数据库中读出,然后前台用JS或其它实现列表分页等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9329708.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存