How to trigger javascript function when I click on the close button at tab?

[Weng Keong Lan]

Hi, I have a question on showCloseButton property. 

I would like to trigger a javascript function when I clicked on the Close button on the tab, is there any way I can do it?

Thank you

[Nevitha Ravi]

Hi Weng, 

Greetings from Syncfusion Support. 

We can trigger a function when a tab item is closed by invoking removed event. Please refer to the following code and sample. 

https://www.syncfusion.com/downloads/support/forum/159842/ze/TabRemovedEvent624153130  

<ejs-tab id="appTab" showCloseButton="true" removed="onTabRemoved"> 

…. 

</ejs-tab> 

<script> 

    function onTabRemoved(args) { 

        console.log("Removed tab index:" + args.removedIndex); 

    } 

</scrip 

https://help.syncfusion.com/cr/aspnetcore-js2/Syncfusion.EJ2.Navigations.Tab.html#Syncfusion_EJ2_Navigations_Tab_Removed  

Regards, 

Nevitha 

[Weng Keong Lan]

Hi, thanks for your assistance and it worked well!

[Nevitha Ravi]

Hi Weng, 

You are most welcome 😊, please get back to us for further assistance. 

Regards, 

Nevitha