Hi Team,
I have a requirement on primeng panel component toggle, once clicked on more button , data should be displayed dynamically using async.
```
<p-panel [toggleable]="toggle" [collapsed]="true">
<p-header> Entity Information </p-header>
<div class="row mb-4">
<div class="col-12">
<entity-information></entity-information>
</div>
</div>
</p-panel>
```
After clicking on panel, send an asynchronous request, get the data and send to entity information.
I've tried onClick event, but event triggers when clicked on completed header, instead, event should raise only when clicked on More button
I have also tried onBeforeToggle() but this function does not trigger. Could someone guide here.
Primeng panel component on toggle show async data
UI Components for Angular
Jump to
- JavaServer Faces
- ↳ PrimeFaces
- ↳ Extensions
- Angular
- ↳ PrimeNG
- React
- ↳ PrimeReact
- Vue
- ↳ PrimeVue
- PrimeBlocks
- ↳ PrimeBlocks for PrimeNG
- ↳ PrimeBlocks for PrimeVue
- ↳ PrimeBlocks for PrimeReact
- ↳ PrimeBlocks for PrimeFaces
- Theme Designer
- ↳ PrimeFaces Theme Designer API
- ↳ PrimeNG Theme Designer API
- ↳ PrimeReact Theme Designer API
- ↳ PrimeVue Theme Designer API
- UI Kit
- ↳ Figma
- Add-Ons
- ↳ PrimeFlex
- ↳ PrimeIcons
- PrimeUI
- ↳ PrimeUI
- Misc
- ↳ Made with Prime
- ↳ Spanish
- Premium Layouts and Themes
- ↳ Freya
- ↳ Freya - PrimeFaces
- ↳ Freya - PrimeNG
- ↳ Freya - PrimeVue
- ↳ Freya - PrimeReact
- ↳ Rain
- ↳ Rain - PrimeFaces
- ↳ Diamond
- ↳ Diamond - PrimeFaces
- ↳ Diamond - PrimeNG
- ↳ Diamond - PrimeVue
- ↳ Diamond - PrimeReact
- ↳ Pandora
- ↳ Pandora - PrimeFaces
- ↳ Siberia
- ↳ Siberia - PrimeFaces
- ↳ Mirage
- ↳ Mirage - PrimeFaces
- ↳ Mirage - PrimeNG
- ↳ Prestige
- ↳ Prestige - PrimeFaces
- ↳ Prestige - PrimeNG
- ↳ Prestige - PrimeVue
- ↳ Sapphire
- ↳ Sapphire - PrimeFaces
- ↳ Sapphire - PrimeNG
- ↳ Sapphire - PrimeReact
- ↳ Sapphire - PrimeVue
- ↳ Roma
- ↳ Roma - PrimeFaces
- ↳ Roma - PrimeNG
- ↳ Roma - PrimeReact
- ↳ Roma - PrimeVue
- ↳ Babylon
- ↳ Babylon - PrimeFaces
- ↳ Babylon - PrimeNG
- ↳ Babylon - PrimeReact
- ↳ Babylon - PrimeVue
- ↳ Olympia
- ↳ Olympia - PrimeFaces
- ↳ Olympia - PrimeNG
- ↳ Ecuador
- ↳ Ecuador - PrimeFaces
- ↳ Ecuador - PrimeNG
- ↳ Harmony
- ↳ Harmony - PrimeFaces
- ↳ Harmony - PrimeNG
- ↳ California
- ↳ California - PrimeFaces
- ↳ California - PrimeNG
- ↳ Serenity
- ↳ Serenity - PrimeFaces
- ↳ Serenity - PrimeNG
- ↳ Serenity - PrimeReact
- ↳ Serenity - PrimeVue
- ↳ Avalon
- ↳ Avalon - PrimeFaces
- ↳ Avalon - PrimeNG
- ↳ Avalon - PrimeReact
- ↳ Avalon - PrimeVue
- ↳ Apollo
- ↳ Apollo - PrimeFaces
- ↳ Apollo - PrimeNG
- ↳ Apollo - PrimeReact
- ↳ Apollo - PrimeVue
- ↳ Manhattan
- ↳ Manhattan - PrimeFaces
- ↳ Manhattan - PrimeNG
- ↳ Paradise
- ↳ Paradise - PrimeFaces
- ↳ Paradise - PrimeNG
- ↳ Barcelona
- ↳ Barcelona - PrimeFaces
- ↳ Barcelona - PrimeNG
- ↳ Atlantis
- ↳ Atlantis - PrimeFaces
- ↳ Atlantis - PrimeNG
- ↳ Atlantis - PrimeReact
- ↳ Atlantis - PrimeVue
- ↳ Morpheus
- ↳ Morpheus - PrimeFaces
- ↳ Morpheus - PrimeNG
- ↳ Verona
- ↳ Verona - PrimeFaces
- ↳ Verona - PrimeNG
- ↳ Verona - PrimeVue
- ↳ Poseidon
- ↳ Poseidon - PrimeFaces
- ↳ Poseidon - PrimeNG
- ↳ Poseidon - PrimeVue
- ↳ Ultima
- ↳ Ultima - PrimeFaces
- ↳ Ultima - PrimeNG
- ↳ Ultima - PrimeReact
- ↳ Ultima - PrimeVue
- ↳ Omega
- ↳ Omega - PrimeFaces
- ↳ Omega - PrimeNG
- ↳ Icarus
- ↳ Legacy
- ↳ Venture
- ↳ Olympos
- ↳ Atlas
- ↳ Titan
- ↳ Volt
- ↳ Adamantium
- ↳ Rio
- ↳ Ronin
- ↳ Spark
- ↳ Sentinel
- ↳ Modena
-
- Information
-
Who is online
Users browsing this forum: No registered users and 8 guests