> 웹 프론트엔드 > JS 튜토리얼 > jquery(C#)_jquery 기반 페이징 제어

jquery(C#)_jquery 기반 페이징 제어

WBOY
풀어 주다: 2016-05-16 18:12:30
원래의
1320명이 탐색했습니다.

JS代码:
코드:

复代码 代码如下:

var _MaxPageSize = 0 ;
var _PageSize = 5;
var _IsUpDown = false;
함수 InitPage(funName, currentPageSize, maxPageSize, pageSize, isUpDown) {
_FunName = funName;
_CurrentPageSize = 현재페이지Size;
_MaxPageSize = maxPageSize;
_PageSize = 페이지 크기;
_IsUpDown = isUpDown;
}
function ShowPage(objDiv) {
var strResult = "";
var size = Math.floor(_PageSize / 2);
var maxSize = _CurrentPageSize 크기 > _MaxPageSize ? _MaxPageSize : _CurrentPageSize 크기;
var minSize = _CurrentPageSize - 크기 < 1? 1 : _CurrentPageSize - 크기;
if (maxSize == _MaxPageSize)
minSize = maxSize - _PageSize 1;
if (minSize == 1)
maxSize = minSize _PageSize - 1;
var str = "";
for (var i = 0; i < _MaxPageSize; i ) {
var curPage = i 1;
if (curPage == 1 || (curPage >= minSize && curPage <= maxSize) || curPage == _MaxPageSize) {
var strPage = "";
if (curPage == minSize && (_CurrentPageSize > _PageSize || minSize > 2))
strPage = "... ";
if (_CurrentPageSize == curPage) {
strPage = "   " curPage "";
}
else {
strPage = "  " curPage "";
}
if (curPage == maxSize && _MaxPageSize - _CurrentPageSize - 1 > size) {
strPage = "... ";
}
strResult = strPage;
}
}
strResult = "";
if (_IsUpDown) {
if (_CurrentPageSize == 1)
strResult = "上一页" strResult;
else
strResult = "   上一页" strResult;
if (_CurrentPageSize == _MaxPageSize) {
strResult = strResult "  下一页";
}
else {
strResult = strResult "   下一页 ";
}
}
document.getElementById(objDiv).innerHTML =strResult;
}

HTML 코드:
复代码 代码如下:




<본문>