jQuery插件simplePagination的使用_03

NotFound 發(fā)布于2019-08-23 12:04 / 631人閱讀

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

jQuery插件simplePagination的使用

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

simplePagination的使用

HTML頁面，

因為項目里用到EJS--HTML模板，記得在一開始就引用SimplePagination插件，這個比較簡單，就不細說了。

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ù)據進行顯示
        for (var i in data){
            #### +="";
            ##### +=""+data[i].##+"";
            ##### +=""+data[i].##"";
            #### +=""+data[i].##+"";
            #### +=""+data[i].##+"";            
            updateRegionlogList +="";            
        } 
      regionPriceList.empty();
        //    添加更新的數(shù)據
      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ù)調用ajax獲取數(shù)據 填充頁面
    document.getElementById("pageCurrent").innerHTML=page_index; 
    return true; 
}

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

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

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

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

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

羅志環(huán) 2019-08-02 11:35 評論0 收藏0
laravel手動創(chuàng)建數(shù)組分頁

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

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表格插件學習

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

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