本文章爲整理以後的,僅供參考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 | 當對錶格體進行滾動時觸發 |