分页控件

TestQuery.jsp：

<%@ page pageEncoding="UTF-8"%>



	
	



	

	
	

		

			

				

					

						
创建时间
						
创建人
						
手机号码
					
				
				

				
			
		
		

	

query.js：

$(function() {
	sjzx.init();
});
var sjzx = {
	saleDataCount : 0,
	init : function() {
		sjzx.bind();
	},
	bind : function() {
		sjzx.search(1, 10);
		// 生成分页控件 根据分页的形式在这里设置
		mypager.init({
			// 显示分页的DIV的ID 必传
			pagerid : 'div_pager112',
			// 当前页 不传默认这1
			pno : 1,
			// 每页条数 不传默认为10
			pagesize : 10,
			// 总数据条数 必传 不传默认为0
			totalRecords : sjzx.saleDataCount,
			// 点击页码后的回调 不用的话可以不传
			callback : function() {
				alert(this.pno + " ----- " + this.pagesize);
				sjzx.search(this.pno, this.pagesize);
			}
		});
	},
	search : function(pno, pagesize) {
		$.ajax({
				url : '/padlifeadmin/do/lifeThSmsValidInfo/query?pageNum=' + pno + '&pageSize=' + pagesize,
				type : 'POST',
				dataType : 'json',
				data : $("#form1").serialize(),
				async : false,
				success : function(res) {//res 返回的是一个map格式的数据
					var list = res.mapList;
					sjzx.saleDataCount = res.countNum;
					$('#tab1').html("");
					for ( var i = 0; i < list.length; i++) {
						var obj = list[i];
						var o = "";
						if (i % 2 == 0) {
							o = "";
						} else {
							o = "";
						}
						o += "" + sjzx.getLocalTime(obj.CREATED_DATE) + ""
								+ "" + sjzx.changeNull(obj.CREATED_BY) + ""
								+ "" + sjzx.changeNull(obj.MOBILE) + "";
						o += "";
						$('#tab1').append(o);

					}
				}
			});
	},
	changeNull : function(data) {
		if (data == null)
			return "";

		return data;
	},
	getLocalTime : function(now) {
		if (!now) {
			return "";
		} else {
			var d = new Date(now);
			var year = d.getFullYear();
			var month = d.getMonth() + 1;
			month = month < 10 ? ("0" + month) : month;
			var date = d.getDate();
			date = date < 10 ? ("0" + date) : date;
			var hour = d.getHours();
			hour = hour < 10 ? ("0" + hour) : hour;
			var minute = d.getMinutes();
			minute = minute < 10 ? ("0" + minute) : minute;
			var second = d.getSeconds();
			second = second < 10 ? ("0" + second) : second;
			return year + "-" + month + "-" + date + "   " + hour + ":" + minute + ":" + second;
		}
	}
}

page.js

/**
 * Created by EX-LIXIAOJIAN002 on 2014/12/24.
 */
window.document.write('');
var mypager = {
    callback:null,
    newConfig:{},
    //divID
    pagerid: 'div_pager',
    //当前页码
    pno: 1,
    //总页码
    total: 1,
    pagesize:10,
    //总数据条数
    totalRecords: 0,
    //是否显示总页数
    isShowTotalPage: true,
    //是否显示总记录数
    isShowTotalRecords: true,
    //绑定点击事件
    bindEvent:function(){
        $('.page_number_link').on('click',function(){
            var me = $(this);
            if(!me.hasClass('curr')){
                mypager.newConfig.pno=$(this).data('no');
                mypager.init(mypager.newConfig);
                if(mypager.callback){
                    mypager.callback();
                }
            }
        })
    },
    //分页按钮控件初始化
    init: function (config) {
        this.newConfig = config;
        //赋值
        this.pno = isNaN(config.pno) ? 1 : parseInt(config.pno);
        this.total = isNaN(config.total) ? 1 : parseInt(config.total);

        this.totalRecords = isNaN(config.totalRecords) ? 0 : parseInt(config.totalRecords>0?config.totalRecords:0);
        this.pagesize = config.pagesize || 10;
        this.pagesize = this.pagesize>0?this.pagesize:0;
        this.total =parseInt(this.totalRecords/this.pagesize)+(this.totalRecords%this.pagesize == 0?0:1);
        if(this.total == 0){return;}
        if (config.pagerid) { this.pagerid = config.pagerid; }
        if (config.isShowTotalPage != undefined) { this.isShowTotalPage = config.isShowTotalPage; }
        if (config.isShowTotalRecords != undefined) { this.isShowTotalRecords = config.isShowTotalRecords; }
        //验证
        if (this.pno < 1) this.pno = 1;
        this.total = (this.total <= 1) ? 1 : this.total;
        if (this.pno > this.total) this.pno = this.total;
        this.prv = (this.pno <= 2) ? 1 : (this.pno - 1);
        this.next = (this.pno >= this.total - 1) ? this.total : (this.pno + 1);
        this.hasPrv = (this.pno > 1);
        this.hasNext = (this.pno < this.total);
        if(config.callback && typeof config.callback == 'function'){
            this.callback = config.callback;
        };
        this.inited = true;
        this.generPageHtml();
        this.bindEvent();
    },
    //生成分页控件Html
    generPageHtml: function () {
        if (!this.inited) {
            return;
        }
        var str_prv = '', str_next = '';
        if (this.hasPrv) {
            str_prv = '上一页';
        } else {
            str_prv = '上一页';
        }

        if (this.hasNext) {
            str_next = '下一页';
        } else {
            str_next = '下一页';
        }


        var str = '';
        var dot = '...';
        var total_info = '';
        if (this.isShowTotalPage || this.isShowTotalRecords) {
            total_info = '共';
            if (this.isShowTotalPage) {
                total_info += this.total + '页';
                if (this.isShowTotalRecords) {
                    total_info += ' / ';
                }
            }
            if (this.isShowTotalRecords) {
                total_info += this.totalRecords + '条数据';
            }

            total_info += '';
        }

        //分页处理
        if (this.total <= 8) {
            for (var i = 1; i <= this.total; i++) {
                if (this.pno == i) {
                    str += '' + i + '';
                } else {
                    str += '' + i + '';
                }
            }
        } else {
            if (this.pno <= 5) {
                for (var i = 1; i <= 7; i++) {
                    if (this.pno == i) {
                        str += '' + i + '';
                    } else {
                        str += '' + i + '';
                    }
                }
                str += dot;
            } else {
                str += '1';
                str += '2';
                str += dot;

                var begin = this.pno - 2;
                var end = this.pno + 2;
                if (end > this.total) {
                    end = this.total;
                    begin = end - 4;
                    if (this.pno - begin < 2) {
                        begin = begin - 1;
                    }
                } else if (end + 1 == this.total) {
                    end = this.total;
                }
                for (var i = begin; i <= end; i++) {
                    if (this.pno == i) {
                        str += '' + i + '';
                    } else {
                        str += '' + i + '';
                    }
                }
                if (end != this.total) {
                    str += dot;
                }
            }
        }

        str = " 
首页" + str_prv + str + str_next +"尾页"+ total_info +"
";
        $("#" + this.pagerid).html(str);
    }
};