Merge pull request #6083 from wenzhixin/feature/6057

Feature/6057

index.d.ts

@@ -67,6 +67,7 @@ interface BootstrapTableEvents{
     'all.bs.table': string;
     'uncheck-all.bs.table': string;
     'column-switch.bs.table': string;
+    'column-switch-all.bs.table': string;
     'check.bs.table': string;
     'search.bs.table': string;
     'load-success.bs.table': string;

site/docs/api/events.md

@@ -139,6 +139,18 @@ $('#table').on('event-name.bs.table', function (e, arg1, arg2, ...) {
   * `field`: the field name corresponding to the switch column.
   * `checked`: the checked state of the column.
 
+## onColumnSwitchAll
+
+- **jQuery Event:** `column-switch-all.bs.table`
+
+- **Parameter:** `checked`
+
+- **Detail:**
+
+  It fires when toogle all columns. The parameters contain:
+
+  * `checked`: the checked state of the column.
+
 ## onDblClickCell
 
 - **jQuery Event:** `dbl-click-cell.bs.table`

src/bootstrap-table.js

@@ -810,6 +810,7 @@ class BootstrapTable {
 
       $toggleAll.off('click').on('click', ({ currentTarget }) => {
         this._toggleAllColumns($(currentTarget).prop('checked'))
+        this.trigger('column-switch-all', $(currentTarget).prop('checked'))
       })
 
       if (opts.showColumnsSearch) {

src/constants/index.js

@@ -296,6 +296,9 @@ const DEFAULTS = {
   onColumnSwitch (field, checked) {
     return false
   },
+  onColumnSwitchAll (checked) {
+    return false
+  },
   onPageChange (number, size) {
     return false
   },
@@ -498,6 +501,7 @@ const EVENTS = {
   'load-success.bs.table': 'onLoadSuccess',
   'load-error.bs.table': 'onLoadError',
   'column-switch.bs.table': 'onColumnSwitch',
+  'column-switch-all.bs.table': 'onColumnSwitchAll',
   'page-change.bs.table': 'onPageChange',
   'search.bs.table': 'onSearch',
   'toggle.bs.table': 'onToggle',