Call components withinTabItem whitout being shown on the screen

Question

Hi, I have this situation with sfTab component in Blazor 18.4.0.43

In one blazor page I have sfTab with 3 tab Items

In TabItem No. 3

I am creating components

Like this

</ChildContent>

<ComponentData/>

</ContentTemplate>

</TabItem>

The problem that I have is when I call save button on Tabitem1,

this button call every component and send data to api database.

If I not make click in tabitem3, I get null reference error because sftab content on tab3 not exists.

Only works when after I made clic in tab3 with mouse.

Is there any way to instantiate content inside one tabitem without touch event?

Thanks in advance!

Praveenkumar Narasimhanaidu · Accepted Answer

Hi Jose, 
  
Greetings from Syncfusion support..! 
  
By default in Blazor tab control, content of the tab items rendered on selecting the tab item. We suspect that your requirement is to render the content of all tab items on initial load itself instead of rendering the content on tab selection which we can be achieve by setting the ContentLoad.OnInit to the property LoadOn. For more information please refer to the below UG documentation link. 
  
UG: https://blazor.syncfusion.com/documentation/tabs/content-render-modes/#on-initial-rendering 
  
Kindly refer the above docs and let us know if this meets your requirement. If we misunderstood your requirement, please share following details to provide prompt solution. 

Code snippets you have used
Share video demo or image of your requirement.
  
Regards, 
Praveenkumar.

jose luis barajas · Answer

HiThis is what I needThanks for your support!

Nevitha Ravi · Answer

Hi Jose, 

You are most welcome..! Please get back to us if you need any further assistance. 

Regards, 
Nevitha