返回首页

如何使用jqueryeasyui分页插件?

215 2024-01-22 16:55 admin

1,引入必要的js,css文件。2,在html页面添加:

3,添加easyui分页插件到div中: $('#pp').pagination({ total:articleJSONArr.length,//总的记录数 pageSize:10,//每页显示的大小。 pageList: [10,20,50,100],//选择每页显示的记录数的下拉框的值。 onSelectPage: function(pageNumber, pageSize){//选择相应的页码时刷新显示内容列表。 //把请求的内容放入panel中。 var html=""; articleJSONArr.length/pageSize;//页数。 //i 开始的记录数 for(var i=(pageNumber-1)*pageSize; iarticleJSONArr.length? articleJSONArr.length:pageNumber*pageSize); i++) //遍历json; { html += "

" + articleJSONArr[i]["数据库入库时间"] + "

" + articleJSONArr[i]['文章标题'] + "

"; html += "

"; } $("#pagecontent").html(html); //$("#frArticleDiv").prepend(html); //$('#content').panel('refresh', 'show_content.php?page='+pageNumber); }

顶一下
(0)
0%
踩一下
(0)
0%
相关评论
我要评论
用户名: 验证码:点击我更换图片

网站地图 (共14个专题46560篇文章)

返回首页