Fixed #1329 - Accordion tab-open and tab-close events

primefaces · Jun 14, 2021 · c6f1310 · c6f1310
1 parent c4490c2
commit c6f1310
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/components/accordion/Accordion.vue b/src/components/accordion/Accordion.vue
@@ -21,7 +21,9 @@ export default {
         }
     },
     methods: {
-        onToggle(tab, index) {
+        onToggle(event, tab, index, isActive) {
+            const eventName = isActive ? 'tab-close' : 'tab-open';
+
             if (this.multiple) {
                 let x = this.d_activeIndex;
 
@@ -37,6 +39,11 @@ export default {
             }
 
             this.$emit('update:activeIndex', this.d_activeIndex);
+
+            this.$emit(eventName, {
+                originalEvent: event,
+                index: index
+            });
         }
     }
 }

diff --git a/src/components/accordiontab/AccordionTab.vue b/src/components/accordiontab/AccordionTab.vue
@@ -38,9 +38,9 @@ export default {
         })
     },
     methods: {
-        onTabClick() {
+        onTabClick(event) {
             if (!this.disabled) {
-                this.$parent.onToggle(this, DomHandler.index(this.$el));
+                this.$parent.onToggle(event, this, DomHandler.index(this.$el), this.isTabActive());
             }
         },
         onTabKeydown(event) {

diff --git a/src/views/accordion/AccordionDoc.vue b/src/views/accordion/AccordionDoc.vue
@@ -237,7 +237,7 @@ export default {
                             <tr>
                                 <td>tab-open</td>
                                 <td>event.originalEvent: Browser event  <br/>
-                                    event.tab: Opened tab
+                                    event.tab: opened tab
                                 </td>
                                 <td>Callback to invoke when a tab gets expanded.</td>
                             </tr>