📄 pager.js
字号:
// JScript 文件
function Pager()
{
this.PageSize = 10;
this.PageIndex = 1;
this.PageCountShow = 10;
this.RecordCount = 400;
this.Style = "style=\"font-size:12px;color:break;font-weight:bold;\"";
this.ItemStyle = "style=\"cursor:point;margin-left:8px;color:break;cursor:pointer;\"";
this.SelectedItemStyle = "style=\"color:red;margin-left:8px;font-weight:bold;cursor:pointer;\"";
this.OnMouseClickEvent = "onclick=\"onItemMouseClick(this);\"";
this.OnMouseOutEvent = "onmouseout=\"onItemMouseOut(this);\"";
this.OnMouseOverEvent = "onmouseover=\"onItemMouseOver(this);\"";
this.PagesValue = null;
this.PagesText = null;
this.PagesStyle = null;
this.ShowFirstPageButton = false;
this.ShowLastPageButton = false;
this.FirstPageButtonText = "首页";
this.FirstPageButtonStyle = "style=\"cursor:pointer;margin-left:8px;\"";
this.LastPageButtonText = "末页";
this.LastPageButtonStyle = "style=\"cursor:pointer;margin-left:8px;\"";
this.NewPagerText = "...";
this.NewPagerStyle = "style=\"cursor:pointer;margin-left:8px;\"";
}
function validatePager(objPager)
{
var defaultPageSize = 10;
var defaultPageIndex = 1;
var defaultPageCountShow = 10;
var defaultRecordCount = 100;
var zero = 0;
var pageSize = objPager.PageSize;
objPager.PageSize = checkIntData(pageSize,zero,defaultPageSize);
var pageIndex = objPager.PageIndex;
objPager.PageIndex = checkIntData(pageIndex,zero + 1,defaultPageIndex);
var pageCountShow = objPager.PageCountShow;
objPager.PageCountShow = checkIntData(pageCountShow,zero,defaultPageCountShow);
var recordCount = objPager.RecordCount;
objPager.RecordCount = checkIntData(recordCount,zero,defaultRecordCount);
var pageCount = Math.ceil(objPager.RecordCount/objPager.PageSize);
if (objPager.PageIndex > pageCount)
{
objPager.PageIndex = defaultPageIndex;
}
}
function checkIntData(value,compareValue,defaultValue)
{
var validateValue = parseInt(value);
if ((validateValue < compareValue) || isNaN(validateValue))
{
validateValue = defaultValue;
}
return validateValue;
}
function initPager(objPager)
{
validatePager(objPager);
var pageSize = objPager.PageSize;
var pageIndex = objPager.PageIndex;
var pageCountShow = objPager.PageCountShow;
var recordCount = objPager.RecordCount;
var pageCount = Math.ceil(recordCount/pageSize);
var pageBegin = 1 + Math.floor((pageIndex-1)/pageCountShow)*pageCountShow;
var pageEnd = 0;
var pageEndTemp = pageBegin + pageCountShow - 1;
if (pageEndTemp > pageCount)
{
pageEnd = pageCount;
}
else
{
pageEnd = pageEndTemp;
}
var pagesValue = new Array();
var pagesText = new Array();
var pagesStyle = new Array();
var value = 0;
//末页按钮
if (objPager.ShowLastPageButton)
{
value = pageCount;
pagesValue.push(value);
pagesText.push(objPager.LastPageButtonText);
pagesStyle.push(objPager.LastPageButtonStyle);
}
//下一新页跳转按钮
if (pageEnd < pageCount)
{
value = pageEnd + 1;
pagesValue.push(value);
pagesText.push(objPager.NewPagerText);
pagesStyle.push(objPager.NewPagerStyle);
}
//中间页面按钮
for (var i = pageEnd; i >= pageBegin; i--)
{
pagesValue.push(i);
pagesText.push(i);
if (i == pageIndex)
{
pagesStyle.push(objPager.SelectedItemStyle);
}
else
{
pagesStyle.push(objPager.ItemStyle);
}
}
//上一新页面跳转按钮
if (pageBegin > pageCountShow)
{
value = pageBegin - 1;
pagesValue.push(value);
pagesText.push(objPager.NewPagerText);
pagesStyle.push(objPager.NewPagerStyle);
}
//首页按钮
if (objPager.ShowFirstPageButton)
{
value = 1;
pagesValue.push(value);
pagesText.push(objPager.FirstPageButtonText);
pagesStyle.push(objPager.FirstPageButtonStyle);
}
objPager.PagesValue = pagesValue;
objPager.PagesText = pagesText;
objPager.PagesStyle = pagesStyle;
return objPager;
}
function display(objPager)
{
initPager(objPager);
var pagesValue = objPager.PagesValue;
var pagesText = objPager.PagesText;
var pagesStyle = objPager.PagesStyle;
var value = null;
var text = null;
var style = null;
var length = pagesText.length;
var pagerHtml = "";
pagerHtml = pagerHtml + "<div id=\"divPager\" " + objPager.Style + ">";
for (var i = 0;i < length ;i ++)
{
value = pagesValue.pop();
text = pagesText.pop();
style = pagesStyle.pop();
var itemHtml = null;
itemHtml = "<span " + " value=\"" + value + "\" " + style + " ";
if (value != objPager.PageIndex)
{
itemHtml = itemHtml + objPager.OnMouseOverEvent + " " + objPager.OnMouseOutEvent + " " + objPager.OnMouseClickEvent + " ";
}
itemHtml = itemHtml + ">" + text + "</span>";
pagerHtml = pagerHtml + itemHtml;
}
pagerHtml = pagerHtml + "</div>";
document.write(pagerHtml);
}
function onItemMouseOver(obj)
{
obj.style.color = "#FF6600";
obj.style.backgroundColor = "Lavender";
}
function onItemMouseOut(obj)
{
obj.style.color = "#000000";
obj.style.backgroundColor = "Transparent";
}
function onItemMouseClick(obj)
{
var act = document.getElementById("act");
if (act != null)
{
act.value = "paging";
}
Paging(obj.value);
}
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -