分页

Jquery分页,使用pagination方法。Pagination方法的参数解析。

参数名

描述

参数值

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

回调函数

默认无执行效果

实际应用:

var page_index=0;//页面索引,初始值为0,第一页。
 var pagesize=2;//每页显示的条数,总数/每页显示的条数=页数。页数不对可查看是否为其     
             //赋值或是小于总条数
$("#pagination").pagination(totalNumber, {
                        callback: PageCallback,//() 为翻页调用次函数。
                        prev_text: " 上一页",
                        next_text: "下一页 ",
                        items_per_page: pagesize, //每页的数据个数
                        num_display_entries: 4, //两侧首尾分页条目数
                        current_page:pageIndex,
                           //当前页码
                        num_edge_entries: 3//连续分页主体部分分页条目数
                    });
$("#pagination").append("<span style='margin-right:10px;'>跳转到<input id='paginationTest' type='text'/></span>  <a href='javascript:skipPage();' class='page_go'> GO</a>");//添加随意跳转到某一页
skipPage= function(){
    	 var val=$("#paginationTestNumber").val();
    	 if(!/^[0-9]*$/.test(val)){  
    	        alert("请输入数字!");  
    	        return;
    	    } 
    	 //重新加载查询方法
         queryTest(val-1);
    }
   
    function PageCallback(pageindex, jq){
    	if(page_index!=pageindex){
    		queryTest(pageindex);
    	}
    }




评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值