分页插件
现在属于上班期间,以前用的分页插件都是easyUI,今天刚学会一个新的插件 kkpager——分页。使用这个插件必须导如下几个包,kkpager.js、kkpager_blue.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 }); }