小弟我想对一个列表进行js分页,请教改如何修改下小弟我的列表
我想对一个列表进行js分页,请问改怎么修改下我的列表。
我想对一个列表进行js分页,请问改怎么修改下我的列表。
我的列表如下:
<P class=list_uy1>1</P>
<P class=list_uy2><A title=九星风水学第1集
href="/?m=vod-play-id-3461-src-1-num-1.html">九星风水学第1集</A></P>
<P class=list_uy3>00:00:00</P>
<P class=list_uy4><IMG src="/template/456/images/free.png"></P>
<P class=list_uy4><IMG src="/template/456/images/ico-down.gif"
width=16 height=17></P></DD>
..........................................
<DD>
<P class=list_uy1>60</P>
<P class=list_uy2><A title=九星风水学第60集
href="/?m=vod-play-id-3461-src-1-num-60.html">九星风水学第60集</A></P>
<P class=list_uy3>00:00:00</P>
<P class=list_uy4><IMG src="/template/456/images/free.png"></P>
<P class=list_uy4><IMG src="/template/456/images/ico-down.gif"
width=16 height=17></P></DD>
这样的列表大概有60个。我想用js进行分页,每10条显示在一页,其他的显示在下一页。
------解决思路----------------------
这是我在项目中写的代码,你还是只能做参考
我想对一个列表进行js分页,请问改怎么修改下我的列表。
我的列表如下:
<P class=list_uy1>1</P>
<P class=list_uy2><A title=九星风水学第1集
href="/?m=vod-play-id-3461-src-1-num-1.html">九星风水学第1集</A></P>
<P class=list_uy3>00:00:00</P>
<P class=list_uy4><IMG src="/template/456/images/free.png"></P>
<P class=list_uy4><IMG src="/template/456/images/ico-down.gif"
width=16 height=17></P></DD>
..........................................
<DD>
<P class=list_uy1>60</P>
<P class=list_uy2><A title=九星风水学第60集
href="/?m=vod-play-id-3461-src-1-num-60.html">九星风水学第60集</A></P>
<P class=list_uy3>00:00:00</P>
<P class=list_uy4><IMG src="/template/456/images/free.png"></P>
<P class=list_uy4><IMG src="/template/456/images/ico-down.gif"
width=16 height=17></P></DD>
这样的列表大概有60个。我想用js进行分页,每10条显示在一页,其他的显示在下一页。
------解决思路----------------------
这是我在项目中写的代码,你还是只能做参考
function initClassRecordDetail(body, datacontext, pager, currentPage) {
/// <summary>课程历程数据展示</summary>
var data = getFilterClassRecordDatas(datacontext, body);//获取要显示的数据集合
body.empty();
var pageSize = 10;
if (data.length > 0) {
for (var i = pageSize * (currentPage - 1) ; i < Math.min(data.length, pageSize * currentPage) ; i++) {
body.append(getClassRecordDetailTr(data[i]));//展示数据
}
//分页
if (data.length > pageSize) {
pager.pageList({
prevText: '前一页',
nextText: '下一页',
totalCount: data.length,
pageSize: pageSize,
currentPage: currentPage,
showPageRange: 3,
clickCallback: function (pageNumber) {
initClassRecordDetail(body, datacontext, pager, pageNumber);
}
});
}
}
else {
body.html('<tr class="table_color6"><td class="table_color8" colspan="4" style="text-align:center; padding:50px;">您目前尚未有相关课程记录</td></tr>');
}
}