分页

//分页开始
PageDepart = function () {
 this.pageSizes = 10;
 this.initFYDiv = function (div, functionName, total, page) {
  var pageSize = this.pageSizes;
  var maxPage = Math.ceil(total / pageSize);
  var htmlCode = "";
  if (page == 1) {
   htmlCode += "<span class=\"disabled\">  <  </span>";
  } else {
   var p = parseInt(page) - 1;
   htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + p + ")\">  <  </a>";
  }
  if (maxPage <= 9) {
   for (var i = 1; i <= maxPage; i++) {
    if (i == page) {
     htmlCode += "<span class=\"current\">" + i + "</span>";
    } else {
     htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
    }
   }
  } else {
   if (maxPage < 11) {
    if (page <= 5) {
     for (var i = 1; i <= 7; i++) {
      if (i == page) {
       htmlCode += "<span class=\"current\">" + i + "</span>";
      } else {
       htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
      }
     }
     htmlCode += "...";
     for (var i = 9; i <= 10; i++) {
      htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
     }
    } else {
     for (var i = 1; i <= 2; i++) {
      htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
     }
     htmlCode += "...";
     for (var i = maxPage - 6; i <= maxPage; i++) {
      if (i == page) {
       htmlCode += "<span class=\"current\">" + i + "</span>";
      } else {
       htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
      }
     }
    }
   } else {
    if (page <= 5) {
     for (var i = 1; i <= 7; i++) {
      if (i == page) {
       htmlCode += "<span class=\"current\">" + i + "</span>";
      } else {
       htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
      }
     }
     htmlCode += "...";
     for (var i = maxPage - 1; i <= maxPage; i++) {
      htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
     }
    } else {
     if (page < maxPage - 4) {
      for (var i = 1; i <= 2; i++) {
       htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
      }
      htmlCode += "...";
      var pp = parseInt(page) + 2;
      for (var i = page - 2; i <= pp; i++) {
       if (i == page) {
        htmlCode += "<span class=\"current\">" + i + "</span>";
       } else {
        htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
       }
      }
      htmlCode += "...";
      for (var i = maxPage - 1; i <= maxPage; i++) {
       htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
      }
     } else {
      for (var i = 1; i <= 2; i++) {
       htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
      }
      htmlCode += "...";
      for (var i = maxPage - 6; i <= maxPage; i++) {
       if (i == page) {
        htmlCode += "<span class=\"current\">" + i + "</span>";
       } else {
        htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + i + ")\">" + i + "</a>";
       }
      }
     }
    }
   }
  }
  if (page == maxPage) {
   htmlCode += "<span class=\"disabled\"> > </span>";
  } else {
   var p = parseInt(page) + 1;
   htmlCode += "<a href=\"javascript:" + functionName + "(" + pageSize + "," + p + ")\"> > </a>";
  }
  htmlCode += "<span class=\"box_parent\">";
  htmlCode += "\u7b2c";
  htmlCode += "<input id=\"FYInp\" class=\"box_edit\" type=\"text\" value=\"" + page + "\" style=\"width:30px;\" />";
  htmlCode += "\u9875";
  htmlCode += "</span>";
  htmlCode += "<input class=\"box_parent\" type=\"button\" value=\"GO\" οnclick=\"tiaoZhuang(" + functionName + "," + pageSize + "," + maxPage + ")\"/>";
  $("#" + div + "").empty().html(htmlCode);
 };
};
function tiaoZhuang(functionName, pageSize, maxPage) {
 var callMethod = eval(functionName);
 var page = $("#FYInp").val();
 if (Math.abs(page) > maxPage) {
  page = maxPage;
 }
 callMethod(pageSize, page);
}
//分页结束

 

调用实例：

 var pd = new PageDepart();
          pd.pageSizes = 5;
          pd.initFYDiv("TerminalDivFY","initDevStateOfTerminal",data.total,pageNumber);