Bootstrap-Table事件和方法

本文章爲整理以後的,僅供參考bootstrap

官方文檔地址:http://bootstrap-table.wenzhixin.net.cn/zh-cn/documentation/數組

事件的調用方法,前面有過案例post

$('#table').bootstrapTable({
    data: "",
    uniqueId: "id",          
    locale: "zh-CN",   
    columns: [],
    .......
});
事件名稱 JQuery事件 參數 描述
onAll all.bs.table name, args 任何事件觸發都會同時觸發該事件, 包含2個參數
name: 事件名稱
args: 事件參數
onClickRow click-row.bs.table row, $element, field 當點擊某一行時觸發,包含3個參數 
row: 點擊行的數據
$element: 對應的<tr>元素
field:所點擊的單元格對應的列名稱
onDblClickRow dbl-click-row.bs.table row, $element, field 當雙擊擊某一行時觸發,包含3個參數 
row: 點擊行的數據
$element: 對應的<tr>元素
field:所點擊的單元格對應的列名稱
onClickCell click-cell.bs.table field, value, row, $element 當點擊某一個單元格時觸發,包含4個參數
field: 所點擊的單元格對應的列名稱 
value: 所點擊的單元格對應列的值
row:單元格所在行數據
$element: 對應的<td>元素
onDblClickCell dbl-click-cell.bs.table field, value, row, $element 當雙擊某一個單元格時觸發,包含4個參數
field: 所點擊的單元格對應的列名稱 
value: 所點擊的單元格對應列的值
row:單元格所在行數據
$element: 對應的<td>元素
onSort sort.bs.table name, order 當用戶點擊列頭對某一列進行排序時觸發,包含2個參數
name: 排序的列名稱
order: 排序方式
onCheck check.bs.table row, $element 當用戶選中一行時觸發,包含2個參數
row: 所選中行的行數據
$element: 選中的<input>元素
 onUncheck  uncheck.bs.table row, $element  當用戶取消選中一行時觸發,包含2個參數
row: 所取消選中的行數據
$element: 選中的<input>元素
 onCheckAll  check-all.bs.table  rows 當用戶點擊全選框時觸發,包含1個參數 
rows: 選中的行數據數組
onUncheckAll   uncheck-all.bs.table  rows 當用戶點擊全選框取消選擇時觸發,包含1個參數 
rows: 取消選中的行數據數組
 onCheckSome  check-some.bs.table rows  當用戶選中某些行時觸發,包含1個參數 
rows: 選中的行數據數組
 onUncheckSome uncheck-some.bs.table   rows  當用戶取消選中某些行時觸發,包含1個參數 
rows: 取消選中的行數據數組
 onLoadSuccess load-success.bs.table   data  當遠程數據被加載完成後觸發
 onLoadError  load-error.bs.table  status, res  當遠程數據被加載出錯後觸發
 onColumnSwitch  column-switch.bs.table field, checked   當切換列的顯示狀態(可見或不可見)時觸發
 onColumnSearch column-search.bs.table   field, text  對列內容進行搜索時觸發
onPageChange   page-change.bs.table number, size   當切換每頁條數時觸發
 onSearch  search.bs.table text   當對錶格內容進行搜索時觸發
 onToggle  toggle.bs.table cardView   當切換表格的顯示視圖時觸發
 onPreBody  pre-body.bs.table  data  在對錶格體進行渲染前觸發
 onPostBody post-body.bs.table   data  在表格體渲染完成,並在 DOM 中可見後觸發
 onPostHeader  post-header.bs.table  none  在表格列頭渲染完成,並在 DOM 中可見後觸發
 onExpandRow  expand-row.bs.table index, row, $detail   當點擊詳情按鈕展開詳情視圖時觸發
onCollapseRow   collapse-row.bs.table  index, row  當點擊關閉詳情按鈕收起詳情視圖時觸發
 onRefreshOptions  refresh-options.bs.table options   當刷新表格選項時,在銷燬當前表格並從新初始化新表格以前觸發
 onRefresh refresh.bs.table  params 當點擊刷新按鈕對錶格進行刷新時觸發
 onResetView  reset-view.bs.table    當重置表格視圖時觸發
onScrollBody scroll-body.bs.table   當對錶格體進行滾動時觸發
相關文章
相關標籤/搜索