Pagination分页

分页的步骤:

1.首先根据前台页面传来的分页参数,从数据库查询所得的数据。

2.数据包含查处可以分出多少页,每一页显示的数据。

3.返回给分页插件,数据交给到前端页面显示。

 

//查询参数

                                                 //getFormData获得前台数据

var requestParam = jQuery.extend(this.getFormData(this.options.queryForm) ,

                                     //pageParam 分页请求参数,如果为空默认请求第一页数据

pageParam ? pageParam : {

pagenum : 0

}) ;

 

    //pageobj中包含三个key的数据分别为pagenum(当前页号)、pagesize(当前页大小)、          totalelements(所有记录)、pageNumClickFn//分页点击的处理函数

initPaginationByObject : function(pageobj , initPageNumClickFn){

//分页初始化对象不为空,且需要的分页参数都为数字,则进行分页插件初始化

if(pageobj && !isNaN(pageobj.pagenum) && 

!isNaN(pageobj.pagesize) && !isNaN(pageobj.totalelements)){

this.initPagination(pageobj.pagenum, pageobj.pagesize, 

pageobj.totalelements, initPageNumClickFn) ;

                  }

 

 

 

//每次点击对调函数

var callbackFn = function(clickedPageNum , pageContainer){

//对请求的同一页,不重复发送请求

if(Number(this.pageNum)==Number(clickedPageNum)){

return ;

}

this.pageNum = clickedPageNum ;

//如果设置了回调函数,则执行,第一个参数默认为分页参数

if(this.pageNumClickFn){

                  //获取分页请求参数,包括分页号, 默认不包含每页大小和所有记录数。

this.pageNumClickFn.call(null , this.getPageParam(true)) ;

}

}.bind(this) ;

             //分页插件属性配置

var optInit = {

current_page : this.pageNum ,

items_per_page : this.pageSize ,

num_display_entries : 5 ,

num_edge_entries : 2 ,

prev_text : "上一页" ,

next_text : "下一页" ,

callback : callbackFn ,

prev_show_always : false ,

next_show_always : false

};

//只覆盖分页插件中自定义的属性

for ( var optKey in optInit) {

if(this.options[optKey]){

optInit[optKey] = this.options[optKey] ;

}

}

//初始化分页

$(paginationId).pagination(this.totalelements , optInit); //真正执行分页

 

参数名描述参数值
maxentries总条目数必选参数,整数
items_per_page每页显示的条目数可选参数,默认是10
num_display_entries连续分页主体部分显示的分页条目数可选参数,默认是10
current_page当前选中的页面可选参数,默认是0,表示第1页
num_edge_entries两侧显示的首尾分页的条目数可选参数,默认是0
link_to分页的链接字符串,可选参数,默认是"#"
prev_text“前一页”分页按钮上显示的文字字符串参数,可选,默认是"Prev"
next_text“下一页”分页按钮上显示的文字字符串参数,可选,默认是"Next"
ellipse_text省略的页数用什么文字表示可选字符串参数,默认是"..."
prev_show_always是否显示“前一页”分页按钮布尔型,可选参数,默认为true,即显示“前一页”按钮
next_show_always是否显示“下一页”分页按钮布尔型,可选参数,默认为true,即显示“下一页”按钮
callback回调函数默认无执行效果

 

 

 

 

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值