Fixed #7666 - State save and restore events for Table

primefaces · May 10, 2019 · e5c9481 · e5c9481
1 parent 1bb1646
commit e5c9481
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 0 deletions.
diff --git a/src/app/components/table/table.ts b/src/app/components/table/table.ts
@@ -262,6 +262,10 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable
 
     @Output() firstChange: EventEmitter<number> = new EventEmitter();
 
+    @Output() onStateSave: EventEmitter<any> = new EventEmitter();
+
+    @Output() onStateRestore: EventEmitter<any> = new EventEmitter();
+
     @ViewChild('container') containerViewChild: ElementRef;
 
     @ViewChild('resizeHelper') resizeHelperViewChild: ElementRef;
@@ -2049,6 +2053,8 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable
         if (Object.keys(state).length) {
             storage.setItem(this.stateKey, JSON.stringify(state));
         }
+
+        this.onStateSave.emit(state);
     }
 
     clearState() {
@@ -2102,6 +2108,8 @@ export class Table implements OnInit, AfterViewInit, AfterContentInit, Blockable
             }
 
             this.stateRestored = true;
+
+            this.onStateRestore.emit(state);
         }
     }
 

diff --git a/src/app/showcase/components/table/tabledemo.html b/src/app/showcase/components/table/tabledemo.html
@@ -2673,6 +2673,16 @@ <h3>Events</h3>
                                 event.checked: State of the header checkbox</td>
                             <td>Callback to invoke when state of header checkbox changes.</td>
                         </tr>
+                        <tr>
+                            <td>onStateSave</td>
+                            <td>state: Table state</td>
+                            <td>Callback to invoke table state is saved.</td>
+                        </tr>
+                        <tr>
+                            <td>onStateRestore</td>
+                            <td>state: Table state</td>
+                            <td>Callback to invoke table state is restored.</td>
+                        </tr>
                     </tbody>
                 </table>
             </div>