Rumah > hujung hadapan web > tutorial js > 基于jquery的分页控件(C#)_jquery

基于jquery的分页控件(C#)_jquery

WBOY
Lepaskan: 2016-05-16 18:12:30
asal
1318 orang telah melayarinya

JS代码:
Code:

复制代码 代码如下:

var _MaxPageSize = 0;
var _PageSize = 5;
var _IsUpDown = false;
function InitPage(funName, currentPageSize, maxPageSize, pageSize, isUpDown) {
_FunName = funName;
_CurrentPageSize = currentPageSize;
_MaxPageSize = maxPageSize;
_PageSize = pageSize;
_IsUpDown = isUpDown;
}
function ShowPage(objDiv) {
var strResult = "";
var size = Math.floor(_PageSize / 2);
var maxSize = _CurrentPageSize + size > _MaxPageSize ? _MaxPageSize : _CurrentPageSize + size;
var minSize = _CurrentPageSize - size if (maxSize == _MaxPageSize)
minSize = maxSize - _PageSize + 1;
if (minSize == 1)
maxSize = minSize + _PageSize - 1;
var str = "";
for (var i = 0; i var curPage = i + 1;
if (curPage == 1 || (curPage >= minSize && curPage 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 Code:
复制代码 代码如下:







基于jquery的分页控件(C#)_jquery
















  • 基于jquery的分页控件(C#)_jquery


    对 【
    】说:

        


















Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan