asp.net mvc ajax分页 CPager（秒杀杨涛ajax分页） 封装之前

document.addEventListener("DOMContentLoaded", function () { new CPager().start(); }, false);
(function () {
var MP3 = function () {
this.Id = null;
this.Singer_Name = null;
this.Singer_Sex = null;
this.Singer_Type = null;
this.Song_Name = null;
this.Song_Id = null;
this.Lyrics = null;
this.Time = null;
};//Model
window._this = null;
window.CPager = function () {
this.Table_HeaderName = ["编号", "歌手", "性别", "分类", "音乐名称", "片段标识", "片段歌词", "时间(s)"];
this.list = [];
this.as = [];
this.asflag = [];
this.index = [];
this.msg = "";
this.datacount = 0;
this.pagecount = 0;
//参数
this.TableName = "MP3";
this.PageIndex = 1;
this.PageSize = 20;
this.Table_ClassName = "tb1 position2";
this.ParentDiv_ClassName = "parent_div position2";
this.ControllerName = "Home";
this.ActionName = "Ajax_Cline";
this.FPNL_ClassName = "fpnl";
this.General_ClassName = "co";
this.Disabled_ClassName = "disabled";
this.Active_ClassName = "active";
this._url = "/Home/Ajax_DataCount";
this.url = "/Home/Ajax_Cline";

//构造字符串
this.TableString = "";
this.PageControlString = "";
};
CPager.prototype = {
start: function () {
this.create_msg();
_this = this;
AJAX(this._url, "post", "TableName=" + this.TableName, this.get_DataCount, false);
AJAX(this.url, "post", this.msg, this.ajaxcallback, false);
},
create_msg: function () {
this.msg = "TableName=" + this.TableName + "&PageIndex=" + this.PageIndex + "&PageSize=" + this.PageSize;
},
get_DataCount: function (data) {
_this.datacount = data;
_this.pagecount = _this.datacount % _this.PageSize == 0 ? _this.datacount / _this.PageSize : _this.datacount / _this.PageSize + 1;
},
ajaxcallback: function (data) {
var s = data;
_this.list = CLine2List(MP3, s);
_this.create_TableString();
_this.create_PageControlString();
document.body.innerHTML = _this.TableString + _this.PageControlString;
_this.as = FPGC($$("div")[0]);
_this.get_asflag();
_this.bing_event();
},
create_TableString: function () {
this.TableString += "<table class=\"" + this.Table_ClassName + "\">";
this.TableString += "<tr>";
for (var i = 0; i < this.Table_HeaderName.length; i++) {
this.TableString += "<td>" + this.Table_HeaderName[i] + "</td>";
}
this.TableString += "</tr>";
for (var i = 0; i < this.list.length; i++) {
this.TableString += "<tr>";
this.TableString += "<td>" + this.list[i].Id + "</td>";
this.TableString += "<td>" + this.list[i].Singer_Name + "</td>";
this.TableString += "<td>" + this.list[i].Singer_Sex + "</td>";
this.TableString += "<td>" + this.list[i].Singer_Type + "</td>";
this.TableString += "<td>" + this.list[i].Song_Name + "</td>";
this.TableString += "<td>" + this.list[i].Song_Id + "</td>";
this.TableString += "<td><a href=\"#\">查看</a></td>";
this.TableString += "<td>" + this.list[i].Time + "</td>";
this.TableString += "</tr>";
}
this.TableString += "</table>";
this.list = [];
},
create_PageControlString: function () {
this.PageControlString += "<div class=\"" + this.ParentDiv_ClassName + "\">";
if (this.pagecount <= 10) {
if (this.PageIndex == 1) {
this.PageControlString += "<a class=\"" + this.FPNL_ClassName + " " + this.Disabled_ClassName + "\">首页</a>";
this.PageControlString += "<a class=\"" + this.FPNL_ClassName + " " + this.Disabled_ClassName + "\">上页</a>";
}
else {
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">首页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">上页</a>";
}
for (var i = 1; i <= this.pagecount; i++) {
if (i == this.PageIndex) {
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + " " + this.Active_ClassName + "\">" + i + "</a>";
continue;
}
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + "\">" + i + "</a>";
}
if (this.PageIndex == this.pagecount) {
this.PageControlString += "<a class=\"" + this.FPNL_ClassName + " " + this.Disabled_ClassName + "\">下页</a>";
this.PageControlString += "<a class=\"" + this.FPNL_ClassName + " " + this.Disabled_ClassName + "\">尾页</a>";
}
else {
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">下页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">尾页</a>";
}
}
else {
if (this.PageIndex <= 6) {
if (this.PageIndex == 1) {
this.PageControlString += "<a class=\"" + this.FPNL_ClassName + " " + this.Disabled_ClassName + "\">首页</a>";
this.PageControlString += "<a class=\"" + this.FPNL_ClassName + " " + this.Disabled_ClassName + "\">上页</a>";
}
else {
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">首页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">上页</a>";
}
for (var i = 1; i <= 10; i++) {
if (i == this.PageIndex)
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + " " + this.Active_ClassName + "\">" + i + "</a>";
else
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + "\">" + i + "</a>";
}
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + "\">...</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">下页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">尾页</a>";
}
else {
if (this.PageIndex < this.pagecount - 4) {
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">首页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">上页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + "\">...</a>";
for (var i = this.PageIndex - 5; i <= this.PageIndex + 4; i++) {
if (i == this.PageIndex) {
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + " " + this.Active_ClassName + "\">" + i + "</a>";
continue;
}
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + "\">" + i + "</a>";
}
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + "\">...</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">下页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">尾页</a>";
}
else {
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">首页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">上页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + "\">...</a>";
for (var i = this.pagecount - 9; i <= this.pagecount; i++) {
if (i == this.PageIndex) {
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + " " + this.Active_ClassName + "\">" + i + "</a>";
continue;
}
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.General_ClassName + "\">" + i + "</a>";
}
if (this.PageIndex == this.pagecount) {
this.PageControlString += "<a class=\"" + this.FPNL_ClassName + " " + this.Disabled_ClassName + "\">下页</a>";
this.PageControlString += "<a class=\"" + this.FPNL_ClassName + " " + this.Disabled_ClassName + "\">尾页</a>";
}
else {
this.PageControlString += "<a href=\javascript:;\" class=\"" + this.FPNL_ClassName + "\">下页</a>";
this.PageControlString += "<a href=\"javascript:;\" class=\"" + this.FPNL_ClassName + "\">尾页</a>";
}
}
}
}
this.PageControlString += "</div>";
},
get_asflag: function () {
this.asflag = [];
if (this.pagecount <= 10) {
if (this.PageIndex == 1) {
this.asflag = [0, 0, 0];
for (var i = 2; i <= this.pagecount;i++){
this.asflag.push(i);
}
this.asflag.push(2, this.pagecount);
}
else if (this.PageIndex == this.pagecount) {
this.asflag = [1, this.PageIndex - 1];
for (var i = 1; i < this.pagecount; i++) {
this.asflag.push(i);
}
this.asflag.push(0,0,0);
}
else {
this.asflag = [1, this.PageIndex - 1, 1];
for (var i = 2; i < this.pagecount; i++) {
if (i == this.PageIndex) {
this.asflag.push(0);
} else {
this.asflag.push(i);
}
}
this.asflag.push(this.pagecount, this.PageIndex + 1, this.pagecount);
}
}
else {
if (this.PageIndex <= 6) {
if (this.PageIndex == 1) {
this.asflag = [0, 0, 0, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 2, this.pagecount];
}
else {
this.asflag = [1, this.PageIndex - 1, 1];
for (var i = 2; i <= 6; i++) {
if (i == this.PageIndex) {
this.asflag.push(0);
} else {
this.asflag.push(i);
}
}
this.asflag.push(7, 8, 9, 10, 11, this.PageIndex + 1, this.pagecount);
}
}
else {
if (this.PageIndex < this.pagecount - 4) {
this.asflag = [
1,
this.PageIndex - 1,
this.PageIndex - 6,
this.PageIndex - 5,
this.PageIndex - 4,
this.PageIndex - 3,
this.PageIndex - 2,
this.PageIndex - 1,
0,
this.PageIndex + 1,
this.PageIndex + 2,
this.PageIndex + 3,
this.PageIndex + 4,
this.PageIndex + 5,
this.PageIndex + 1,
this.pagecount
];
}
else {
this.asflag = [
1,
this.PageIndex - 1,
this.pagecount - 10,
this.pagecount - 9,
this.pagecount - 8,
this.pagecount - 7,
this.pagecount - 6,
this.pagecount - 5,
];
for (var i = this.pagecount - 4; i <= this.pagecount; i++) {
if (i == this.PageIndex) {
this.asflag.push(0);
} else {
this.asflag.push(i);
}
}
if (this.PageIndex == this.pagecount) {
this.asflag.push(0, 0);
}
else {
this.asflag.push(this.PageIndex + 1, this.pagecount);
}
}
}
}
},
bing_event: function () {
for (var i = 0; i <= this.as.length - 1; i++) {
if (this.asflag[i] != 0) {
this.as[i].onclick = function () {
_this.list = [];
for (var i = 0; i < _this.as.length; i++) {
if (this == _this.as[i])
_this.PageIndex = _this.asflag[i];
}
_this.as = [];
_this.asflag = [];
_this.msg = "";
_this.TableString = "";
_this.PageControlString = "";
document.body.innerHTML = "";
_this.create_msg();
AJAX(_this.url, "post", _this.msg, _this.ajaxcallback, false);
};
}
}
},
};
}());