Jquery實現表格的分頁


  • 功能描述

     該分頁功能不是一次將所有記錄都加載出來,然后在點擊按鈕翻頁的時候,通過設置每一條記錄的display屬性展示或隱藏實現分頁的效果。由於后台的獲取數據的接口已實現分頁的功能,所以在點擊翻頁按鈕時,通過向后台傳輸頁號,以及每頁的記錄數,即可獲取該頁的記錄,再通過構造字符,將記錄添加到table中即可實現分頁功能。

  • 實現效果

    

    

    

 

  • 邏輯步驟

    1、定義table,以及相關的button。

    2、定義按鈕的響應函數,點擊時改變當前的頁數,按鈕的disabled屬性以及清空當前表格中的記錄,插入新的記錄。

    3、在數據獲取的時候,動態地生成和取消遮罩層。

  • 具體實現

    

    

    

    

    

    

    

    

    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM