how to render all component that inside each tabs in TabComponent at page loading?

[mohsen]

how to render Or Load All component that  inside  each  tabs  in TabComponent at first page Load 

i have a TabComponent inside a form that in each tab i use   required element such as TextBoxComponent when i want submit form i get error from  formvalidator :

×

TypeError: Cannot read property 'parentElement' of null

  746 | FormValidator.prototype.getErrorElement = function (name) {
> 747 |   this.infoElement = select(this.errorElement + '.' + this.errorClass, this.inputElement.parentElement);

because require element that created in another tabs (not current active tab) not rendered i get this error 

if I load all tabs component in  first load  My problem is solved ???

[Vinitha Devi Murugan]

Hi mohsen, 

 

Syncfusion Greetings. 

We can render all component on initial load. kindly refer the below link. 

  

https://stackblitz.com/edit/react-ayquqs?file=index.js  

https://ej2.syncfusion.com/react/documentation/tab/how-to/create-wizard-using-tab/#create-wizard-using-tab  

 

Kindly check the above sample and if the issue persist still try to reproduce the issue in the above sample or else share your code snippet to proceed further.  

 

Regards, 

M.Vinitha devi