如何使用jqueryeasyui分頁插件?
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); }