I am using the Dock Manager for two to three panes. Works great, but I want to be able to capture events. I have tried the example under Web Components -> Dock Manager -> Events but the reference for the Dock Manager comes up as either 'null' or 'undefined'.
The HTML includes
<igc-dockmanager #dockManager id="dockManager" ... >
I've tried a number of ways to initialize the dockManager, including the @ViewChild. Currently, it's just:
public dockManager: IgcDockManagerComponent;
The ngOnInit includes:
this.dockManager = document.getElementById('dockManager') as IgcDockManagerComponent;this.dockManager.addEventListener('activePaneChanged', (ev: CustomEvent<IgcActivePaneEventArgs>) => this.setPanel(ev));When running the app, there are no errors until attempting to add the event listener, the dock manager is null.Any ideas would be helpful. Thanks in advance, Ted Herrlich
this.dockManager = document.getElementById('dockManager') as IgcDockManagerComponent;
this.dockManager.addEventListener('activePaneChanged', (ev: CustomEvent<IgcActivePaneEventArgs>) => this.setPanel(ev));
Hello,
I have been looking into your question and prepared a small sample in order to test the behavior. However, on my side, everything seems to work as expected and the event is fired properly.
Here could be found my sample for your reference. Please test it on your side and let me know how it behaves. If this is not an accurate demonstration of what you are trying to achieve please feel free to modify it and send it back to me along with steps to reproduce. Having a working sample on my side, which I can debug, is going to be very helpful in finding the root cause of this behavior.
Thank you for your cooperation.
Looking forward to hearing from you.
Sincerely,Teodosia HristodorovaSoftware Developer