關於Bootstrap table的回調onLoadSuccess()和onPostBody()使用小結


關於Bootstrap table的回調onLoadSuccess()和onPostBody()使用小結

    Bootstrap table 是一款基於 Bootstrap 的 jQuery 表格插件, 簡單易用, 且功能強大。越來越多的企業級項目開發中會用到, 關於BT的基本使用本文不作贅述,有需要的可以查閱官方文檔。
    在使用過程中,可能需要對BT查詢返回的數據做操作,比如計算某一列的和,或者填充某行某個字段值,那么就需要用到回調。

Bootstarp Table提供了豐富的Events和Mebthods (詳情查閱Bootstarp Table官方文檔),這邊只介紹兩個回調函數。 
1.onLoadSuccess() 
此方法在Bootstarp Table數據成功加載返回后觸發,參數為data(注意:data傳入的數據是分頁后的數據,並不是所有查詢出來的數據,如果limit為10,那么就是10條數據),此時表格行數據尚未渲染,此時可以對數據進行更新或取值操作。

$("#id").bootstrapTable('updateRow', { index: rowIndex, row: rowData });

2.onPostBody() 
此方法在Bootstarp Table 行數據渲染后觸發,參數為data,此時要注意,如果執行了上面的updateRow操作,由於表格刷新了,所以又會觸發onPostBody(),然后會陷入死循環,導致頁面數據一直加載不出來。


總結:如果回調只是獲取行數據,做一些邏輯,不涉及表格更新操作,可以使用onPostBody(),否則要使用onLoadSuccess()


免責聲明!

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



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