jQuery 플러그인 단순 Pagination 사용 예제
프로젝트의 코드를 익히고 있는데 새로 필요한 것이 하나 추가되어 표를 페이지로 나누어야 한다. 이전의 코드에는 페이지로 나누는 코드가 있었는데 반나절을 보았지만 잘 보지 못했다.이전의 프로젝트는 비교적 오래되어 코드를 계속 익혔다.
단순 Pagination 사용
HTML 페이지
프로젝트에서 EJS-HTML 템플릿을 사용하기 때문에 처음부터 SimplePagination 플러그인을 인용하는 것을 기억하십시오. 이것은 비교적 간단하기 때문에 자세히 설명하지 않겠습니다.
JS 코드
var page_count = 0;
//
var limit = 0 ;
//
var regionLogListFunc = function(pageNumber){
if(pageNumber=== undefined){
pageNumber = 1;
}
//
$get("/regionCopyList?page_number="+ pageNumber,function(data,status){
var #### = jQuery("####-##");
// Table tbody id
var updateRegionlogList = ''
// for in
for (var i in data){
#### +='';
##### +=''+data[i].##+'';
##### +=''+data[i].##'';
#### +=''+data[i].##+'';
#### +=''+data[i].##+'';
updateRegionlogList +='';
}
regionPriceList.empty();
//
regionPriceList.append(updateRegionlogList);
});
var onPageClick = regionLogListFunc;
// DOM ID
jQuery("#pagination").pagination({
item :, //ejs
itemsOnPage : ,//ejs
cssStyle :'light-theme',
onPageClick :onPageClick,
onInit :regionLogListFunc,
});
});
또 다른 문법은
var page_index;
var itemsOnPage = 1;
$(function() {
$("#pagination").pagination({
items: {$page_count},
itemsOnPage: itemsOnPage,
cssStyle: 'light-theme',
onInit: changePage, //
onPageClick: changePage //
});
});
function changePage(page_index,event){
listTable.gotoPage(page_index); //gotoPage ajax
document.getElementById('pageCurrent').innerHTML=page_index;
return true;
}
더 많은 jQuery 관련 내용에 관심이 있는 독자들은 본 사이트의 주제를 보실 수 있습니다.,,,,,,,,,,,,,,,
본고에서 서술한 것이 여러분의 jQuery 프로그램 설계에 도움이 되었으면 합니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.