成人无码视频,亚洲精品久久久久av无码,午夜精品久久久久久毛片,亚洲 中文字幕 日韩 无码

資訊專欄INFORMATION COLUMN

jQuery插件simplePagination的使用_03

NotFound / 654人閱讀

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

jQuery插件simplePagination的使用

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

simplePagination的使用

HTML頁面，


    

            

                 
                    

                        可用區(qū)
                        渠道
                        引用可用區(qū)
                        引用渠道

因?yàn)轫?xiàng)目里用到EJS--HTML模板，記得在一開始就引用SimplePagination插件，這個(gè)比較簡單，就不細(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 遍歷 對(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,
    });
});

另外一種寫法是

var page_index;
var itemsOnPage = 1;
$(function() {
$("#pagination").pagination({
    items: {$page_count},  總頁數(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ù) 填充頁面
    document.getElementById("pageCurrent").innerHTML=page_index; 
    return true; 
}

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/97924.html

相關(guān)文章

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

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

    羅志環(huán) 評(píng)論0 收藏0

  • laravel手動(dòng)創(chuàng)建數(shù)組分頁

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

    acrazing 評(píng)論0 收藏0

  • 寫jquery插件【輪播圖】歷程

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

    khlbat 評(píng)論0 收藏0

  • 寫jquery插件【輪播圖】歷程

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

    snowLu 評(píng)論0 收藏0

  • Datatables表格插件學(xué)習(xí)

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

    Lyux 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

閱讀需要支付1元查看
<