jQuery插件simplePagination的使用_03

NotFound 發布于2019-08-23 12:04 / 608人閱讀

摘要：插件的使用正在熟悉項目上的代碼，新添加了一個需要，需要對表單進行分頁，之前的代碼中是有分頁的代碼的，看了老半天，也沒看太明白。

jQuery插件simplePagination的使用

正在熟悉項目上的代碼，新添加了一個需要，需要對表單進行分頁，之前的代碼中是有分頁的代碼的，看了老半天，也沒看太明白。之前的項目比較久遠，繼續熟悉代碼。

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        :<%=z###%>, //ejs模板
        itemsOnPage :<%=#####t%> ,//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; 
}

云服務器 GPU云服務器 jquery插件源碼jquery jquery插件手寫jQuery插件 jquery表單插件

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/97924.html

jQuery插件simplePagination的使用-踩坑記_03

摘要：插件的使用正在熟悉項目上的代碼，新添加了一個需要，需要對表單進行分頁，之前的代碼中是有分頁的代碼的，看了老半天，也沒看太明白。 jQuery插件simplePagination的使用正在熟悉項目上的代碼，新添加了一個需要，需要對表單進行分頁，之前的代碼中是有分頁的代碼的，看了老半天，也沒看太明白。之前的項目比較久遠，繼續熟悉代碼。 simplePagination的使用 HTML頁面...

羅志環 2019-08-02 11:35 評論0 收藏0
laravel手動創建數組分頁

摘要：目前，無法高效執行使用語句的分頁操作。如果你需要在分頁結果集中使用，建議你查詢數據庫并手動創建分頁器。手動創建分頁如果你想手動創建分頁實例并且最終得到一個數組類型的結果，可以根據需求來創建或者實例來實現。 showImg(https://segmentfault.com/img/bVbbGos?w=640&h=400); laravel分頁功能：有幾種方法可以對數據進行分頁。最簡單的...

acrazing 2019-07-01 10:03 評論0 收藏0
寫jquery插件【輪播圖】歷程

摘要：輪播圖插件的任務已經接近尾聲，在書寫輪播圖期間確實有一些小的感觸的。輪播圖插件的任務已經接近尾聲，在書寫輪播圖期間確實有一些小的感觸的。感興趣的可以訪問我的輪播圖的線上地址:輪播圖首先，輪播圖插件其實并不是我第一次寫，之前也寫過，不過那時候是按照別人的思路寫下來的，算起來大概有一年了，這次又一次開始輪播圖是因為拜讀了《單頁面Web應用 JavaScript從前端到后端》的這本書的1...

khlbat 2019-08-21 11:21 評論0 收藏0
寫jquery插件【輪播圖】歷程

摘要：輪播圖插件的任務已經接近尾聲，在書寫輪播圖期間確實有一些小的感觸的。輪播圖插件的任務已經接近尾聲，在書寫輪播圖期間確實有一些小的感觸的。感興趣的可以訪問我的輪播圖的線上地址:輪播圖首先，輪播圖插件其實并不是我第一次寫，之前也寫過，不過那時候是按照別人的思路寫下來的，算起來大概有一年了，這次又一次開始輪播圖是因為拜讀了《單頁面Web應用 JavaScript從前端到后端》的這本書的1...

snowLu 2019-08-01 16:07 評論0 收藏0
Datatables表格插件學習

摘要：是一款表格插件。當你打開服務器模式的時候，每次繪制表格的時候，會給服務器發送一個請求包括當前分頁，排序，搜索參數等等。開啟服務器模式需要使用和不定時一講選項，進一步的信息，請參考下面的配置選項。 Datatables 是一款jquery表格插件。它是一個高度靈活的工具，可以將任何HTML表格添加高級的交互功能，可以很方便的實現分頁，即時搜索和排序。一、簡單使用怎樣簡單地使用Data...

Lyux 2019-08-20 18:20 評論0 收藏0