TabItems inside SfTab are allways getting initialized when switching

[Ulrich]

Hello,

i am using a SfTab and adding TabItems dynamicaly setting the header to a string and the content to a component.

This component has a parameter i use inside this component to show some data based on this parameter. Therefor i use the OnIntializedAsync event.

Every time i switch from one tab to the other tab the component inside the tab is receiving the OnInitializedAsync and the previous already loaded data is getting overriden.

Does it work as designed or do i make some mistakes.

I am quite new to blazor components.

Thanks for you help

Cheers

[Praveenkumar Narasimhanaidu]

Hi Ulrich, 

Greetings from Syncfusion support..! 

We have validated your query “TabItems inside SfTab are allways getting initialized when switching” and let you know that, by default the content of the selected tab alone will be loaded and available in DOM initially and it will be replaced with corresponding content if you select the tab dynamically. You can add ContentLoad.Init to the LoadOn property if you want to render the content of the all the tabs rendered in initial load itself and maintained in the DOM which will resolve your problem and for the same, we have prepared a sample which can be downloaded from following link. 

Sample: https://www.syncfusion.com/downloads/support/forum/163700/ze/Tab-init-content-loading-1209867702 

For more information about content rendering modes in SfTab please refer below documentation link. 

UG: https://blazor.syncfusion.com/documentation/tabs/content-render-modes/#content-render-modes 

Kindly try the above solution and get back to us if you need any further assistance. 

Regards, 

Praveenkumar. 

 

[Ulrich]

Hello,

this is exactly what i was looking for.

Thanks you for your help and the great support.

Cheers

Ulrich

[Nevitha Ravi]

Hi Ulrich, 

You are most welcome..! we are glad that our provided solution helped you, please get back to us if you need any further assistance. 

Regards, 

Nevitha