iflyket/web/js/pagination.js

/**
 * 2017-05-04 yyl
 * 		分页样式...
 *
 * @param _count      总记录数
 * @param _page		  当前页
 * @param _rows       每页记录数
 * @param _function   回调函数
 * @param _container  分页显示控件对应的id
 */

function FenYe(_count, _page, _rows, _function, _container){
    var page = parseInt(_page);
    page = (page < 1) ? 1 : page;
    var tpage  = Math.ceil(_count / _rows);

    var lp = "";
    var rp = "";
    var lc = 0;
    var rc = 0;

    var content = "";
    content += "<div>共有" + _count + "条记录</div>";
    content += "	<ul>";
    if(_page > 1){
        var bPage = page - 1;
        content += "	<li><a href='#' onClick=\"" + _function + "(1)\">首页</a></li>";
        content += "	<li><a href='#' onClick = \"" + _function + "(" + bPage + ")\">上一页</a></li>";
    } else {
        content += "	<li><a href='javascript:void(0)'>首页</a></li>";
        content += "	<li><a href='javascript:void(0)'>上一页</a></li>";
    }

    for(var s = 1; s <= 3; s++) {
        if((page - s) > 0) {
            lp = "<li><a href=\"javascript:" + _function + "(" + (page - s) + ")\">" + (page - s) + "</a></li>" + lp;
            lc++;
        }
        if((page + s) < tpage + 1) {
            rp = rp + "<li><a href=\"javascript:" + _function + "(" + (page + s) + ")\">" + (page + s) + "</a></li>" ;
            rc++;
        }
    }

    if(lc < 3) {
        for(var ss = 1; ss <= 3 - lc; ss++)	{
            if(page + 3 + ss < tpage + 1) {
                rp = rp + "<li><a href=\"javascript:" + _function + "(" + (page + 3 + ss) + ")\">" + (page + 3 + ss) + "</a></li>";
            }
        }
    }
    if(rc < 3) {
        for(var ss = 1; ss <= 3 - rc; ss++)	{
            if(page - 3 - ss > 0) {
                lp = "<li><a href=\"javascript:" + _function + "(" + (page - 3 - ss) + ")\">" + (page - 3 - ss) + "</a></li>" + lp;
            }
        }
    }

    content += lp + "<li class='page-s'>"+ page+ "</li>"+ rp;

    if(page < tpage){
        var aPage = page + 1;
        content += "	<li><a href='#' onClick = \"" + _function + "(" + aPage + ")\">下一页</a></li>";
        content += "	<li><a href='#' onClick = \"" + _function + "(" + tpage + ")\">尾页</a></li>";
    } else {
        content += "	<li><a href='javascript:void(0)'>下一页</a></li>";
        content += "	<li><a href='javascript:void(0)'>尾页</a></li>";
    }

    content += "		<li class='font02'>跳转到第</li>";
    content += "		<li class='input02'>";
    content += "			<input id='pageShowNumber' type='text' placeholder='' onkeyup='pageOnKeydown(this, event);'>";
    content += "		</li>";
    content += "		<li class='font02' style='margin-left: 5px;'>页</li>";
    content += "</ul>";

    $("#" + _container).html(content);
}