資訊專欄INFORMATION COLUMN
摘要：插件的使用正在熟悉項目上的代碼，新添加了一個需要，需要對表單進行分頁，之前的代碼中是有分頁的代碼的，看了老半天，也沒看太明白。
jQuery插件simplePagination的使用
正在熟悉項目上的代碼，新添加了一個需要，需要對表單進行分頁，之前的代碼中是有分頁的代碼的，看了老半天，也沒看太明白。之前的項目比較久遠(yuǎn)，繼續(xù)熟悉代碼。
simplePagination的使用HTML頁面，
可用區(qū) 渠道 引用可用區(qū) 引用渠道
因為項目里用到EJS--HTML模板，記得在一開始就引用SimplePagination插件，這個比較簡單，就不細(xì)說了。
JS代碼var page_count = 0;
// 定義分頁的頁數(shù)
var limit = 0 ;
// 定義分頁的條數(shù)
var regionLogListFunc = function(pageNumber){
if(pageNumber=== undefined){
pageNumber = 1;
}
// 頁數(shù)判斷和定義
$get("/regionCopyList?page_number="+ pageNumber,function(data,status){
var #### = jQuery("####-##");
// 獲取Table中 tbody的id值
var updateRegionlogList = ""
// for in 遍歷 對傳入的數(shù)據(jù)進行顯示
for (var i in data){
#### +="";
##### +=""+data[i].##+" ";
##### +=""+data[i].##" ";
#### +=""+data[i].##+" ";
#### +=""+data[i].##+" ";
updateRegionlogList +=" ";
}
regionPriceList.empty();
// 添加更新的數(shù)據(jù)
regionPriceList.append(updateRegionlogList);
});
var onPageClick = regionLogListFunc;
// 獲取DOM文檔ID
jQuery("#pagination").pagination({
item :<%=z###%>, //ejs模板
itemsOnPage :<%=#####t%> ,//ejs模板
cssStyle :"light-theme",
onPageClick :onPageClick,
onInit :regionLogListFunc,
});
});
另外一種寫法是
var page_index;
var itemsOnPage = 1;
$(function() {
$("#pagination").pagination({
items: {$page_count}, 總頁數(shù)
itemsOnPage: itemsOnPage,
cssStyle: "light-theme",
onInit: changePage, // 初始化函數(shù)
onPageClick: changePage //點擊時觸發(fā)函數(shù)
});
});
function changePage(page_index,event){
listTable.gotoPage(page_index); //gotoPage函數(shù)調(diào)用ajax獲取數(shù)據(jù) 填充頁面
document.getElementById("pageCurrent").innerHTML=page_index;
return true;
}
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/52984.html
摘要：插件的使用正在熟悉項目上的代碼，新添加了一個需要，需要對表單進行分頁，之前的代碼中是有分頁的代碼的，看了老半天，也沒看太明白。 jQuery插件simplePagination的使用 正在熟悉項目上的代碼，新添加了一個需要，需要對表單進行分頁，之前的代碼中是有分頁的代碼的，看了老半天，也沒看太明白。之前的項目比較久遠(yuǎn)，繼續(xù)熟悉代碼。 simplePagination的使用 HTML頁面...
摘要：其中定義了一些命令，還記得我們初始化項目完成后執(zhí)行其實就是執(zhí)行簡單的來說是運行時依賴生產(chǎn)環(huán)境，是開發(fā)時的依賴開發(fā)環(huán)境相應(yīng)的在安裝包時，有兩種命令參數(shù)可以把它們的信息寫入文件，會把依賴包名稱添加到文件鍵下，則添加到文件鍵下。 這次主要是記錄下自己在做vue-cli +webpack +vue-router 的經(jīng)歷 以及一些踩過的坑，算是做一個簡單的總結(jié) 一.vue的基本介紹 1）漸進式的...
摘要：前言都到了，所以是時候玩轉(zhuǎn)一下的新特性了。安裝的包名稱由改成了。方法一原因的配置改變了，導(dǎo)致正確的不能用。打開終端，切換到根路徑文件里面修改為方法二是默認(rèn)路徑修改了路徑會出現(xiàn)錯誤。按上面的方法修改完，再全局卸載果然就成功了。 showImg(https://segmentfault.com/img/remote/1460000016423946); 前言 vue-cli 都到 3.0....
最近偶然想學(xué)習(xí)下webpack的配置，于是走上了webpack4踩坑的不歸路。。。 webpack4默認(rèn)的特性： 配置默認(rèn)初始化一些配置, 比如 entry 默認(rèn) ./src 開發(fā)模式和發(fā)布模式, 插件默認(rèn)內(nèi)置 CommonsChunk 配置簡化 使用 ES6 語法，比如 Map, Set, includes 新增 WebAssembly 構(gòu)建支持 如果要使用 webpack cli 命令，...
閱讀 2328·2021-09-22 15:25
閱讀 3667·2019-08-30 12:48
閱讀 2290·2019-08-30 11:25
閱讀 2398·2019-08-30 11:05
閱讀 796·2019-08-29 17:28
閱讀 3336·2019-08-26 12:16
閱讀 2662·2019-08-26 11:31
閱讀 1851·2019-08-23 17:08
