如今屬於上班期間,之前用的分頁插件都是easyUI,今天剛學會一個新的插件 kkpager——分頁。使用這個插件必須導以下幾個包,kkpager.js、kkpager_blue.css。固然,包裏面的某些東西顯然是封裝過的,下面就爲你們展現一下具體的代碼操做:css
if (initPage) { //得到總共查詢到的數據,共多少條 $("#showTotalCount").html(data.content.totalCount); //分頁 kkpager.generPageHtml({ pno : 1, //總頁碼 total : data.content.pageTotal, //總數據條數 totalRecords : data.content.totalCount, //連接前部 hrefFormer : 'demo', //連接尾部 hrefLatter : '.html', isGoPage:true, mode : 'click',//默認值是link,可選link或者click click : function(n){ var status = ""; var selectUp = false;//用於判斷選中的是上面的快速查詢訂單,仍是下面的多條件查詢 $(".daifahuo").each(function(index){ var ss = $(this); if (ss.hasClass("selected")) { var sinfo = $(".daifahuo").eq(index).text(); status = selectStatus(sinfo); selectUp = true;//true表明的是 選中的上面快速查詢 } }); var param = ""; if (selectUp == true) { param = "status="+status+"&page="+n; } else { param = buildRequestParamter(n); } this.selectPage(n); ajaxData(param); //若是他選擇了查詢,再點擊分頁,那麼就不用刷新分頁插件 return false; }, isShowTotalPage:true, isShowCurrPage:false, isShowTotalRecords:false }); }