分页插件

现在属于上班期间,以前用的分页插件都是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
                            });  
                        }

 

posted @ 2018-06-27 15:09  李华华  阅读(316)  评论(0编辑  收藏  举报