﻿/// <summary>   
/// 分页Pager显示   
/// </summary>   
/// <param name="html">返回值</param>   
/// <param name="pageindex">当前页码</param>   
/// <param name="pageSize">每页显示</param>   
/// <param name="totalCount">总数据量</param>
/// <returns></returns>
var html = "";
var pageInterval = 2; //页间隔
var showpage = 5;
jQuery.fn.extend({
    pager: function(pageIndex, pageSize, totalCount, obj) {
        if (pageIndex <= 0)
            return false;
        html = "<table class='pager'><tbody><tr>";
        var pageCount = Math.ceil(parseFloat(totalCount) / parseFloat(pageSize)); //得到总页数
        if (pageCount != 0) {
            if (pageCount != 1) {//证明有多页
                if (pageIndex - pageInterval >= pageInterval) {//前边多于
                    $().prePage(pageCount, pageIndex);
                }
                else {
                    $().preNoPage(pageCount, pageIndex); //前边不多
                }
                
                if (pageIndex + pageInterval < pageCount)//后边多
                {
                    $().nextPage(pageCount, pageIndex)
                }
                else { 
                    $().nextNoPage(pageCount, pageIndex); //后边不多
                }
            }
        }
        html += "</tr></tbody></table>";
        obj.html(html);
        $().currcolor();
    }


})

jQuery.fn.extend({
    preNoPage: function(pageCount, pageIndex) {//前边不多

        var per = eval(pageIndex + 1);
        for (var i = 1; i < per; i++) {
            if (pageIndex == i && pageIndex == 1) {//为1的情况
                html += "<td class='ztd'><span class='zjian'></span></td><td class='curpage' style='color:red'>" + i + "</td>"; //首页
            }
            else if (pageIndex != 1 && i == 1) {//第一页但当前不为第一页
            html += "<td class='ztd'><span class='zjian' title='前一页' onclick='jQuery.aspnetPage(" + eval(pageIndex - 1) + ")'></span></td><td><span class='currColor' onclick='jQuery.aspnetPage(" + i + ")'>" + eval(i) + "</span></td>"; //当前第一页
           }
            else if (pageIndex == i && i != 1) {
                html += "<td class='curpage' style='color:red'>" + eval(i) + "</td>"; //当前页
            }
            else {
                html += "<td><span class='currColor' onclick='jQuery.aspnetPage(" + i + ")'>" + eval(i) + "</span></td>";
            }
        }



    }
})
    
  
    ///前边多
 jQuery.fn.extend({  prePage: function (pageCount, pageIndex) {

        var per = eval(pageIndex - 1);
        var perInter = eval(pageIndex - pageInterval - 1);
        html += "<td class='ztd'><span title='首页' class='prevfirst' onclick='jQuery.aspnetPage(1)'></span></td>"; //前一页
        html += "<td class='ztd'><span title='前一页' class='zjian' onclick='jQuery.aspnetPage(" + per + ")'></span></td>"; //前一页
        html += "<td style='font-weight: bold;'><span class='currColor' onclick='jQuery.aspnetPage(" + perInter + ")'>...</span></td>"; //当前前页间隔
        for (var i = pageIndex - pageInterval;pageIndex >=i; i++) {
         
            if (i == pageIndex) {
                html += "<td class='curpage' style='color:red'>" + i + "</td>";//当前页
            }
            else {
                html += "<td><span class='currColor' onclick='jQuery.aspnetPage("+i+")'>" + eval(i) + "</span></td>";
            }
        }
        
    }
    
    })
 
 
    ///后边多于
    jQuery.fn.extend({ 
    nextPage: function(pageCount, pageIndex) {

        for (var i = pageIndex + 1; i <= pageIndex + pageInterval; i++) {

            html += "<td><span class='currColor' onclick='jQuery.aspnetPage(" + i + ")'>" + eval(i) + "</span></td>";
        }
        html += "<td style='font-weight: bold;'><span class='currColor' onclick='jQuery.aspnetPage(" + eval(pageIndex + pageInterval + 1) + ")'>...</span></td>"; //当前后页间隔" + eval(pageIndex + pageInterval + 1) + "
        html += "<td class='ztd'><span title='下一页' class='currColor' onclick='jQuery.aspnetPage(" + eval(pageIndex + 1) + ")'><span class='yjian'></span></span></td>"; //下一页
        html += "<td class='ytd'><span title='未页' class='currColor' onclick='jQuery.aspnetPage(" + eval(pageCount) + ")'><span class='nextlast' > </span></span></td>"; //" + eval(pageIndex + 1) + "
    }

    })

    ///后边不多
    jQuery.fn.extend({
        nextNoPage: function(pageCount, pageIndex) {

            for (var i = pageIndex; i <= pageCount; i++) {
                if (i == pageCount && pageCount == pageIndex) {
                    html += "<td class='ytd'><span class='nextlast' ></span><span class='yjian'></span></td>"; //未页
                }
                else if (i == pageCount && pageCount != pageIndex) {
                html += "<td class='ytd'><span title='下一页' class='currColor' onclick='jQuery.aspnetPage(" + eval(pageIndex + 1) + ")'><span class='nextlast'> </span></span></td>"; //可点下一页
                }
                else {
                    html += "<td><span class='currColor'  title='未页'  onclick='jQuery.aspnetPage(" + eval(i + 1) + ")'>" + eval(i + 1) + "</span></td>";
                }
            }


        }

    })

    jQuery.fn.extend({
        currcolor: function() {
        $(".currColor").each(function() {
               
                $(this).hover(function() {
                    $(this).css("color", "red");
                }, function() {
                $(this).css("color", "#3366CC");
                })

            })
        }

    })


   
