jquery 分页控件

/// <reference path="jquery-1.4.2.min.js" />
/// <reference path="jquery.setapp.js" />

//By:jouyang 2011-7-27
//ajaxPageIndex 当前页数
//ajaxPageSize 每页数量
//ajaxPageCount 总条数
//Depfunction 回调函数
$.fn.extend({
    GetAjaxPage: function (ajaxPageIndex, ajaxPageSize, ajaxPageCount, Depfunction) {
        var objthis = this;
        //总共页数
        var rowsCount = 1;
        if (ajaxPageCount > 0) {
            if (ajaxPageCount % ajaxPageSize > 0)
                rowsCount = parseInt(ajaxPageCount / ajaxPageSize) + 1;
            else
                rowsCount = parseInt(ajaxPageCount / ajaxPageSize);
        }
        var start = 1; //开始列
        var end = 10; //结束列
        if (rowsCount < end)
            end = rowsCount;
        else {
            start = (ajaxPageIndex > 5) ? ajaxPageIndex - 5 : start;
            var result = (start + 9) - rowsCount; //是否超过最后面的页数
            if (result > 0) {
                end = rowsCount;
                start -= result; //超过后,补差
            }
            else
                end = start + 9;
        }
        //当前下一页为最后页则取最后一页的值
        var strHtml = [];
        strHtml.push(String.format("<div class=\"scott\"><span  class=\"disabled\" >共{0}条 当前第{1}/{2}页</span>", ajaxPageCount, ajaxPageIndex, rowsCount));
    
        if (ajaxPageIndex > 1)
          strHtml.push("<a href=\"#\">首页</a><a href=\"#\">上一页</a>");
        else
          strHtml.push("<span class=\"disabled\">首页</span><span class=\"disabled\">上一页</span>");

        for (var i = start; i <= end; i++) {
            if (i == ajaxPageIndex)
              strHtml.push(String.format("<span class=\"current\">{0}</span>",i));
            else
              strHtml.push(String.format("<a href=\"#\">{0}</a>",i));
        }
        if (ajaxPageIndex == rowsCount)
          strHtml.push("<span class=\"disabled\">下一页</span><span class=\"disabled\">尾页</span></div>");
        else
          strHtml.push("<a href=\"#\">下一页</a><a href=\"#\">尾页</a></div>");
        $(objthis).html(strHtml.join(""));
        $(".scott a").click(function (e) {
            e.preventDefault();
            var index = $(this).html();
            if (index == "首页") {
                if (typeof (Depfunction) == "function") Depfunction(1);
            }
            else if (index == "尾页") {
                if (typeof (Depfunction) == "function") Depfunction(rowsCount);
            }
            else if (index == "下一页") {
                if (typeof (Depfunction) == "function") Depfunction(ajaxPageIndex + 1);
            }
            else if (index == "上一页") {
                if (typeof (Depfunction) == "function") Depfunction(ajaxPageIndex - 1);
            }
            else {
                if (typeof (Depfunction) == "function") {
                    Depfunction(index);
                }
            }
        });
    }
});


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值