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;//獲取總行數