Reply To: How to get id’s of type LayoutPanelItem during closing event

[Yavor Dashev]

Hi Lukac.Jozef,

With the additional information you have provided I was able to completely understand your scenario and I confirm that the SmartDockingLayout overrides the id that you are setting with generated with its own.

I will add a work item for this scenario to work on.

However as a workaround you can use the label of the tab element in the closing event.

I have made another quick code snippet on how to get the label of the tab:

     onClosing(event):void {
        let tabElement: HTMLElement = event.path[0],
            tabLabel: HTMLElement = tabElement.querySelector('.smart-tab-label-text-container');
   
        console.log(tabLabel.innerText)
	}

<smart-docking-layout 
    #docking 
    [layout]="layout"
    (close)="onClose($event)"
    (closing)="onClosing($event)"
></smart-docking-layout>

Let me know what you think!

Please, do not hesitate to contact us if you have any additional questions.

Best regards,
Yavor Dashev

Smart UI Team
https://www.htmlelements.com/