Fixed #13998 - Add missing onClick emitter

primefaces · Nov 4, 2023 · 66d1480 · 66d1480
1 parent d069e90
commit 66d1480
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/src/app/components/listbox/listbox.interface.ts b/src/app/components/listbox/listbox.interface.ts
@@ -62,7 +62,7 @@ export interface ListboxClickEvent {
     /**
      * Selected option
      */
-    option: any;
+    option?: any;
 }
 /**
  * Custom change event.

diff --git a/src/app/components/listbox/listbox.ts b/src/app/components/listbox/listbox.ts
@@ -749,6 +749,13 @@ export class Listbox implements AfterContentInit, OnInit, ControlValueAccessor,
         this.value = value;
         this.modelValue.set(value);
         this.onModelChange(value);
+
+        if(event && event.type == 'click') {
+            this.onClick.emit({
+                originalEvent: event,
+                value: value
+            });
+        }
     }
 
     removeOption(option) {

diff --git a/src/app/showcase/doc/listbox/basicdoc.ts b/src/app/showcase/doc/listbox/basicdoc.ts
@@ -17,7 +17,7 @@ interface City {
             </p>
         </app-docsectiontext>
         <div class="card flex justify-content-center">
-            <p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [style]="{ width: '15rem' }" [listStyle]="{ 'max-height': '220px' }"></p-listbox>
+            <p-listbox [options]="cities" [(ngModel)]="selectedCity" optionLabel="name" [style]="{ width: '15rem' }" [listStyle]="{ 'max-height': '220px' }" (onClick)="onClick($event)"></p-listbox>
         </div>
         <app-code [code]="code" selector="listbox-basic-demo"></app-code>
     </section>`
@@ -31,6 +31,10 @@ export class BasicDoc implements OnInit {
 
     selectedCity!: City;
 
+    onClick(event) {
+        console.log(event)
+    }
+
     ngOnInit() {
         this.cities = [
             { name: 'New York', code: 'NY' },