码迷,mamicode.com
首页 > 其他好文 > 详细

分页框架JPagination

时间:2015-06-15 12:59:38      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:

项目中,一直用自己封装的Jar包,里面已经包含了分页标签。

一直懒得弄能分页,今儿闲来无事,就用了下JQ的Ajax分页。

采用的框架是JPagination。

核心代码:

     var Page = function(element, options) {

        var defaultOption = {
            pageSize : 10, // 默认页面大小
            pageBtnCount : 5, // 页面俺就总数
            showFirstLastBtn : true,
            firstBtnText : "第一页",
            lastBtnText : "最后一页",
            prevBtnText : "«",
            nextBtnText : "»",
            loadFirstPage : true,
            remote : {
                url : null,
                params : null,
                callback : null,
                success : null,
                beforeSend : null,
                complete : null,
                pageIndexName : ‘currentPage‘, // 当前页码
                pageSizeName : ‘maxRows‘, // 从共几页
                totalName : ‘totalRows‘ // 多少条记录
            },
            showInfo : true// 显示当前显示xxx-xxx记录,共xx记录
            infoFormat : ‘当前显示{start} ~ {end} 条记录,共 {total} 条记录‘,// 描述信息
            showJump : true// 是否开启跳转到xx页
            jumpBtnText : ‘跳转‘,
            showPageSizes : true// 是否显示每页多少条
            pageSizeItems : [ 5, 10, 15, 20, 30 ], // 页面大小选项
            debug : false
        // 关闭debug模式
        }

图中膝盖的代码是根据我的喜好,给予的默认值。

与其他JQ框架类似,引入依赖,调用构造,参数,查看依赖包中的初始化声明。


 

分页框架JPagination

标签:

原文地址:http://www.cnblogs.com/yuxinglab/p/4576798.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!