asp.net 호출기 페이징 control_jquery 공유-JS 튜토리얼-php.cn

효과:

js:

코드 복사 코드는 다음과 같습니다.

$.fn.extend({ JPager: function (cfg, pageIndex, pageSize) {
if (cfg && pageIndex > 0 && pageSize>0) {
var token = "#" this.attr("id");
this.empty();
var pageFirst = function () {
$(token).JPager(cfg, 1, pageSize);
var pagePre = function () {
$(token).JPager(cfg, pageIndex - 1, pageSize)
var pageLast = function () {
$(token ).JPager(cfg, parsInt($("#_tot").val()), pageSize);
}
var pageNext = function () {
$(token).JPager(cfg , pageIndex 1, pageSize);
var pageNumber = function () {
$(token).JPager(cfg,parseInt($(this).text()), pageSize); 🎜>};
var pageGo = function () {
var index =parseInt($("#_pos").val())
var total =parseInt($("#_tot") .val());
if (index) {
if (index > total) {
$(token).JPager(cfg, total, pageSize)
}
else if (index < 1) {
$(token).JPager(cfg, 1, pageSize)
}
else {
$(token).JPager(cfg, index, pageSize); ;
}
}
};
var checkGoNumber = function () {
if (!Number(this.value)) {
this.value = "";
}
else {
this.value = Number(this.value);
}
};
var initCustomer = function (recordCount) {
if (cfg.customer) {
if (cfg.customer.template) {
var t = cfg.customer.template;
t = t.replace(/%total%/gi, Math.ceil(recordCount / pageSize)).replace(/%current%/gi, pageIndex).replace(/%recordCount%/gi, RecordCount). 교체(/%pageSize%/gi, 페이지 크기);
if (cfg.customer.position == "right") {
$("#_right").after(t);
}
else {
$("#_left").before(t);
}
}
}
};
varchangeState = function (total) {
if (pageIndex == 1) {
$("#_first").attr("class", "unable");
$("#_pre").attr("class", "unable");
}
else {
$("#_first").bind("click", pageFirst).attr("class", "number");
$("#_pre").bind("click", pagePre).attr("class", "number");
}
if (pageIndex == total) {
$("#_last").attr("class", "unable");
$("#_next").attr("class", "unable");
}
else {
$("#_last").bind("click", pageLast).attr("class", "number");
$("#_next").bind("click", pageNext).attr("class", "number");
}
};
var initNumber = 함수(전체, 개수, 현재) {
if(전체 > 0 && 개수 > 0) {
if(현재 < 1) {
현재 = 1;
}
if (현재 > 합계) {
현재 = 합계;
}
var endIndex = 합계;
var startIndex = 1;
var temp = 현재 Math.floor(count / 2);
if (temp < total) {
if (temp < count) {
endIndex = count;
}
else {
startIndex = 임시 - 개수 1;
endIndex = 온도;
}
}
else {
if (전체 > 개수) {
startIndex = 전체 - 개수 1;
}
}
$("#_number").empty();
for (var i = startIndex; i <= endIndex; i ) {
var html = $("").text(i).bind("click" , 페이지번호);
if (i == 현재) {
$("#_number").append(html.attr("class", "selected"));
}
else {
$("#_number").append(html.attr("class", "number"));
}
}
}
};
var initPager = function (data) {
if ($.isArray(data.SearchResult) && data.RecordCount > 0) {
$(token).append("首页上一页< /span> 下一页< /span> 末页");
var total = Math.ceil(data.RecordCount / pageSize);
$("#_tot").val(전체);
$("#_pos").bind("blur", checkGoNumber);
$("#_to").bind("click", pageGo);
changeState(전체);
if (cfg.showNumber && cfg.count > 0) {
initNumber(total, cfg.count, pageIndex);
}
initCustomer(data.RecordCount);
}
};
if (cfg.action) {
if (cfg.action.url && cfg.action.data) {
var d = cfg.action.data.substr(0, cfg.action.data. lastIndexOf("}")) ',"pageIndex":' pageIndex ',"pageSize":' pageSize "}";
if (cfg.action.callback && $.isFunction(cfg.action.callback)) {
$.ajax({
type: "post",
url: cfg.action.url ,
dataType: "json",
contentType: "text/json",
data: d,
success: function (data) {
initPager(data.d)
cfg.action.callback(data.d)
}
});
}
else {
$.ajax({
type: "post",
url: cfg.action.url,
dataType: "json",
contentType: "text/ json",
데이터: d,
성공: 함수(데이터) {
initPager(data.d);
}
});
}
}
}
}
}
})

css:

코드 복사 코드는 다음과 같습니다:

 
#_pos { 
width: 40px; 
} 
.unable 
{ 
color: #BCC0BB; 🎜>} 
.number 
{ 
여백: 2px; 
color:#0000FF 
text-장식:underline; 
.selected 
 🎜>여백: 2px; 
색상: 
글꼴 두께: 굵게 
} 

 
html: 