Merge pull request #7935 from davisb10/master

Add ContextMenu onShow / onHide events. Closes #7934
primefaces · Jul 23, 2019 · e9df9cb · e9df9cb
2 parents efa2a7f + 2f3dd85
commit e9df9cb
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 1 deletion.
diff --git a/src/app/components/contextmenu/contextmenu.ts b/src/app/components/contextmenu/contextmenu.ts
@@ -1,4 +1,4 @@
-import { NgModule, Component, ElementRef, AfterViewInit, OnDestroy, Input, Output, Renderer2, Inject, forwardRef, ViewChild, NgZone } from '@angular/core';
+import { NgModule,Component,ElementRef,AfterViewInit,OnDestroy,Input,Output,Renderer2,Inject,forwardRef,ViewChild,NgZone,EventEmitter } from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { DomHandler } from '../dom/domhandler';
 import { MenuItem } from '../common/menuitem';
@@ -152,6 +152,10 @@ export class ContextMenu implements AfterViewInit, OnDestroy {
 
     @Input() triggerEvent: string = 'contextmenu';
 
+    @Output() onShow: EventEmitter<any> = new EventEmitter();
+
+    @Output() onHide: EventEmitter<any> = new EventEmitter();
+
     @ViewChild('container', { static: false }) containerViewChild: ElementRef;
 
     documentClickListener: any;
@@ -195,11 +199,14 @@ export class ContextMenu implements AfterViewInit, OnDestroy {
         if (event) {
             event.preventDefault();
         }
+
+        this.onShow.emit({});
     }
 
     hide() {
         this.containerViewChild.nativeElement.style.display = 'none';
         this.unbindGlobalListeners();
+        this.onHide.emit({});
     }
 
     moveOnTop() {

diff --git a/src/app/showcase/components/contextmenu/contextmenudemo.html b/src/app/showcase/components/contextmenu/contextmenudemo.html
@@ -155,6 +155,31 @@ <h3>Properties</h3>
                     </tbody>
                 </table>
             </div>
+
+            <h3>Events</h3>
+            <div class="doc-tablewrapper">
+                <table class="doc-table">
+                    <thead>
+                        <tr>
+                            <th>Name</th>
+                            <th>Parameters</th>
+                            <th>Description</th>
+                        </tr>
+                    </thead>
+                    <tbody>
+                        <tr>
+                            <td>onShow</td>
+                            <td>event: Event object</td>
+                            <td>Callback to invoke when context menu is shown.</td>
+                        </tr>
+                        <tr>
+                            <td>onHide</td>
+                            <td>event: Event object</td>
+                            <td>Callback to invoke when context menu is hidden.</td>
+                        </tr>
+                    </tbody>
+                </table>
+            </div>
 
             <h3>Methods</h3>
             <div class="doc-tablewrapper">