1ï¼å¼å
¥å¿
è¦çjs,cssæ件ã
<link rel="stylesheet" type="text/css" href="../style/easyui.css">
<link rel="stylesheet" type="text/css" href="../style/icon.css">
<link rel="stylesheet" type="text/css" href="../style/demo.css">
<link href="../style/article.css" rel="stylesheet" type="text/css">
<script type="text/javascript" src="../../js/jquery-1.8.0.min.js"></script>
<script type="text/javascript" src="../../js/jquery.easyui.min.js"></script>
2ï¼å¨html页é¢æ·»å :
<div id="pp" style="border:1px solid #ddd;"> </div>
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; i< (pageNumber*pageSize>articleJSONArr.length? articleJSONArr.length:pageNumber*pageSize); i++) //éåjson;
{
温馨提示:内容为网友见解,仅供参考