jQueryプラグインsimplePaginationの使用_03
2857 ワード
jQueryプラグインsimplePaginationの使用
プロジェクトのコードを熟知していて、新しい需要を追加して、フォームをページングする必要があります.前のコードにはページングのコードがありましたが、長い間見ていましたが、よく分かりませんでした.以前のプロジェクトは比較的長いので、コードを熟知し続けています.
SimplePaginationの使用
HTMLページ、
プロジェクトにはEJS--HTMLテンプレートが使われているので、最初からSimplePaginationプラグインを引用していたのを覚えていますが、これは簡単で、詳しくは言いません.
JSコード
もう一つの書き方は
プロジェクトのコードを熟知していて、新しい需要を追加して、フォームをページングする必要があります.前のコードにはページングのコードがありましたが、長い間見ていましたが、よく分かりませんでした.以前のプロジェクトは比較的長いので、コードを熟知し続けています.
SimplePaginationの使用
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;
}