使用jQuery.fn自定义jQuery翻页插件

2020-05-22 22:01:52易采站长站整理

}
if (options.recordCount) {
_pagerFields.recordCount = options.recordCount;
$(“#HG_recordCount”).text(_pagerFields.recordCount);
_pagerFields.pageCount = _pagerFields.recordCount % _pagerFields.pageSize == 0 ? _pagerFields.recordCount / _pagerFields.pageSize : Math.ceil(_pagerFields.recordCount / _pagerFields.pageSize);
$(“#HG_pageCount”).text(_pagerFields.pageCount);
_pagerFields.currentPage = 1;
$(“#HG_pageNum”).val(_pagerFields.currentPage);
setImageButtonSate();
_pagerFields.pagerFunction(_pagerFields.pageSize, _pagerFields.currentPage);
}
// setting element
// bingding event
$(“#HG_pagerPre”).click(function () {
if (_pagerFields.currentPage <= 1) return;
else _pagerFields.currentPage–;
setImageButtonSate();
$(“#HG_pageNum”).val(_pagerFields.currentPage);
_pagerFields.pagerFunction(_pagerFields.pageSize, _pagerFields.currentPage);
});
$(“#HG_pagerNext”).click(function () {
if (_pagerFields.currentPage == _pagerFields.pageCount) return;
else _pagerFields.currentPage++;
setImageButtonSate();
$(“#HG_pageNum”).val(_pagerFields.currentPage);
_pagerFields.pagerFunction(_pagerFields.pageSize, _pagerFields.currentPage);
});
$(“#HG_pagerSize”).change(function () {
_pagerFields.pageSize = $this.find(“option:selected”).text() * 1;
_pagerFields.pageCount = _pagerFields.recordCount % _pagerFields.pageSize == 0 ? _pagerFields.recordCount / _pagerFields.pageSize : Math.ceil(_pagerFields.recordCount / _pagerFields.pageSize);
$(“#HG_pageCount”).text(_pagerFields.pageCount);
_pagerFields.currentPage = 1;
$(“#HG_pageNum”).val(1);
setImageButtonSate();
_pagerFields.pagerFunction(_pagerFields.pageSize, _pagerFields.currentPage);
});
});
}

下面是插件的公共函数

//获取当前的页码
getCurrentPageIndex: function (options) {
return _pagerFields.currentPage;
},
//获取记录的总数
getRecordCount: function (options) {
return _pagerFields.recordCount;
},
//获取当前页面数量
getCurrentPageCount: function (options) {
return _pagerFields.pageCount;
},
//获取页面的大小
getCurrentPageSize: function (options) {
return _pagerFields.pageSize;
}

使用示例

$(function () {
$(“#testPager”).HGPager2({
pageSizes: [10, 20, 30],
recordCount: 123,
pagerFuncton: function (size, index) {
alert(“size: ” + size + ” index: ” + index);
}
});
});
function test_Click() {
alert(
$(“#testPager”).HGPager2(“getCurrentPageIndex”)+” “+
$(“#testPager”).HGPager2(“getRecordCount”)+” “+
$(“#testPager”).HGPager2(“getCurrentPageCount”)+” “+