我已经把分页做好了,剩下的你应该可以解决!
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或其它实现列表分页等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)