码迷,mamicode.com
首页 > Web开发 > 详细

自己实现的ajax分页

时间:2015-04-25 22:46:45      阅读:169      评论:0      收藏:0      [点我收藏+]

标签:

/**
 * 分页
 * @author 陈琼和
 * @param data  json数据,包含totalPage,count
 * @param page  获取的页数
 * @param obj   表格中的对象
 * @param funcName  页码点击跳转的函数名
 * @constructor
 */
function Page(data,page,obj,funcName)
{
    this.totalPage = data.totalPage;
    this.count = data.count;
    this.nowPage = page;
    this.pageStr = function ()
    {
        //根据总的记录数,循环构造翻页字符串
        var rollPage = 5;//设置每页显示的提供点击的页数
        var offset = Math.ceil((rollPage / 2));
        var pageStr = ‘<tr><td  class="pageStr" colspan="‘+$(obj).closest(‘table‘).find(‘th‘).length+‘">‘;
        pageStr += ‘<span class="rows">共 ‘+this.count+‘ 条记录</span>‘;
        pageStr += ‘ <span class="rows">第‘+this.nowPage+‘页 </span>‘;
        if(this.totalPage>offset && this.nowPage>offset)
            pageStr = ‘<a href="javascript:void(0);" class="first" onclick="‘+funcName+‘(1,this)">首页</a>‘;
        if(this.nowPage > 1)
            pageStr += ‘<a href="javascript:void(0);" class="prev" onclick="‘+funcName+‘(‘+(this.nowPage-1)+‘,this)">上一页</a>‘;
        var p;  //字符页码
        for(var i=1; i<=rollPage; i++)
        {
            if(this.nowPage < offset)
                p = i;
            else if(this.nowPage + offset > this.totalPage)
                p = this.totalPage-offset+i;
            else
                p = this.nowPage-offset+i;
            //拼接字符串
            if(p > 0 && p != this.nowPage)
                if(p <= this.totalPage)
                    pageStr += ‘<a href="javascript:void(0);" class="num" onclick="‘+funcName+‘(‘+p+‘,this)">‘+p+‘</a>‘;
                else
                    break;
            else
                if(this.nowPage > 0 && this.totalPage != 1)
                    pageStr += ‘<a class="current" href="javascript:void(0);">‘+p+‘</a>‘;
        }
        if(this.nowPage < this.totalPage)
            pageStr += ‘<a href="javascript:void(0);" class="next" onclick="‘+funcName+‘(‘+(this.nowPage+1)+‘,this)">下一页</a>‘;
        if(this.totalPage>offset && (this.nowPage+offset)<this.totalPage)
            pageStr += ‘<a href="javascript:void(0);" class="end" onclick="‘+funcName+‘(‘+this.totalPage+‘,this)">尾页</a>‘;
        pageStr += ‘  <span class="rows">共‘+this.totalPage+‘页</span> ‘;
        pageStr += ‘</td></tr>‘;
        return pageStr;
    }
}

 

自己实现的ajax分页

标签:

原文地址:http://www.cnblogs.com/chenqionghe/p/4456821.html

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