摘要:分頁函數頁數每頁顯示記錄數分頁部分是從真實數據行開始,因而存在加減某個常數,以確定真正的記錄數純分頁實質是數據行全部加載,通過是否顯示屬性完成分頁功能表格行數總頁數每頁顯示行數當前頁數開始顯示的行結束顯示的行前行始終顯示
/**
* 分頁函數
* pno--頁數
* psize--每頁顯示記錄數
* 分頁部分是從真實數據行開始,因而存在加減某個常數,以確定真正的記錄數
* 純js分頁實質是數據行全部加載,通過是否顯示屬性完成分頁功能
**/
function goPage(pno,psize,strvar){ var itable = document.getElementById("tableId"); var num = itable.rows.length;//表格行數 var totalPage = 0;//總頁數 var pageSize = psize;//每頁顯示行數 if((num-1)/pageSize > parseInt((num-1)/pageSize)){ totalPage=parseInt((num-1)/pageSize)+1; }else{ totalPage=parseInt((num-1)/pageSize); } var currentPage = pno;//當前頁數 var startRow = (currentPage - 1) * pageSize+1;//開始顯示的行 var endRow = currentPage * pageSize+1;//結束顯示的行 endRow = (endRow > num)? num : endRow; //前n行始終顯示 for(i=0;i<1;i++){ var irow = itable.rows[i]; irow.style.display = ""; } for(var i=1;i=startRow&&i 共"+(num-1)+"條記錄 共"+totalPage+"頁 當前第"+currentPage+"頁 "; tempStr += " "; document.getElementById(strvar+"_pageStr").innerHTML = tempStr; }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/20722.html
摘要:項目中遇到切換列表,每個都需要分頁的需求,分頁流程具有相似性,于是想將分頁封裝為組件,方便應用。組件的復用完成了以上組件,在對其他分頁的頁面,可以直接復用。 項目中遇到 tab切換列表,每個tab都需要分頁的需求,分頁流程具有相似性,于是想將分頁封裝為組件,方便應用。 組件的應用已寫成一個小demo,效果如下圖所示(數據用mock模擬): showImg(https://segment...
摘要:信息列表循環賦值分頁信息部分這一步是實現無刷新分頁的重點,用到了的通信,通過與數據庫的交互,將獲取到的數據寫到模板中,替換掉之前的數據集,達到分頁的目的。 前言 thinkphp框架自帶的分頁類是每次翻頁都要刷新一下整個頁面,這種翻頁的用戶體驗顯然是不太理想的,我們希望每次翻頁只刷新我們想要的數據集部分的數據,這樣我們很容易想到ajax異步通信,用ajax與數據庫(本人在開發過程中使用...
摘要:是一個用開發的一個企業級中后臺管理包含常用的業務,組件,及數據流轉方案,前后端分離的開發方式,按業務劃分的目錄結構,可以大大提高我們的開發效率下面是整體的介紹,感興趣的同學可以去官網詳加了解。 dva-boot-admin 是一個用React開發的一個企業級中后臺管理UI,包含常用的業務,組件,及數據流轉方案,前后端分離的開發方式,按業務劃分的目錄結構,可以大大提高我們的開發效率 下面...
摘要:分頁函數頁數每頁顯示記錄數分頁部分是從真實數據行開始,因而存在加減某個常數,以確定真正的記錄數純分頁實質是數據行全部加載,通過是否顯示屬性完成分頁功能表格行數總頁數每頁顯示行數當前頁數開始顯示的行結束顯示的行前行始終顯示 /** * 分頁函數 * pno--頁數 * psize--每頁顯示記錄數 * 分頁部分是從真實數據行開始,因而存在加減某個常數,以確定真正的記錄數 * 純...
摘要:分頁插件純分頁插件,壓縮版本,樣式可以自定義使用方法當前頁跳轉配置項選項類型說明可以顯示的按鈕個數是否顯示上一頁按鈕是否顯示下一頁按鈕是否顯示跳轉輸入框跳轉按鈕的文字頁面觸發回調重新渲染成功回調可選樣式選項說明分頁容器樣式按鈕容 kPagination分頁插件 純js分頁插件,壓縮版本~4kb,樣式可以自定義 demo 使用方法 new kPagination({ ...
閱讀 1675·2021-11-15 11:37
閱讀 3408·2021-09-28 09:44
閱讀 1649·2021-09-07 10:15
閱讀 2784·2021-09-03 10:39
閱讀 2687·2019-08-29 13:20
閱讀 1291·2019-08-29 12:51
閱讀 2204·2019-08-26 13:44
閱讀 2125·2019-08-23 18:02