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