bootstrapTable


1、bootstrapTable-行點擊事件

$(function () {  
    $('#dataTable').on('click-row.bs.table', function (e, row, element)   
    {  
        console.log(row);  
    });  
})

 2、bootstrapTable提供了專門的loadsuccess方法,用於反映數據是否加載成功。

$("#xxx").on('load-success.bs.table',function(data){
       console.log("load success");
    });

 3、

問題描述:

  使用bootstrap table時遇到一個小問題,第一次查詢數據未5頁,翻頁到第5頁后,選中條件再次查詢數據時,傳到后端頁碼仍舊為5,而此時數據量小於5頁,表格顯示為未查詢到數據。

處理方式:

  使用bootstrap table的參數刷新方法(refreshOptions),在查詢按鈕刷新table發出數據請求時,將頁碼刷新回到1。

  //搜索
    function fnSearch(){
        $('#topic').bootstrapTable('refreshOptions',{pageNumber:1});
        //$('#topic').bootstrapTable('refresh');
    }

 4、獲取當前頁 、獲取總行數

var pageNumber = $('#notice').bootstrapTable('getOptions').pageNumber;//獲取當前頁
var totalRows = $('#notice').bootstrapTable('getOptions').totalRows;//獲取總行數

 


免責聲明!

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



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