How to know when all controls are loaded?

[Neider]

Hello, I have a page with some syncfusion controls, so, how can I know when all those controls are loaded?

Thanks.

[Balaji Sekar]

Hi Neider, 

 

Thanks for contacting us. 

 

Before providing a solution, could you please share the list of Syncfusion controls used in that page?, so that we can provide appropriate events based on the controls. 

 

Regards, 

Balaji Sekar. 

[Neider]

I'm using 4 grid controls and 1 tab control, and I have a javascript method that loads the information of all grids, so for that reason, I need to know the time when all grids are created in order to call the javascript method and populate all grids. Thanks

[Gokul Ramalingam]

Hi Neider, 

Thanks for your update. 

Query: I need to know the time when all grids are created in order to call the javascript method ? 

 

Based on your query we suspect that you need to call a javascript method after the Grid control is rendered. We suggest you to use the created event of Grid. Created event triggers when the component is rendered. In this event you can call the javascript method. Please refer to the below code snippet for more information. 

<ejs-grid id="Grid" dataSource=ViewBag.data created="onCreated1" allowFiltering="true" allowPaging="true"> 

    <e-grid-columns> 

        <e-grid-column field="OrderID" headerText="Order ID" isPrimaryKey="true" textAlign="Right" width="120"></e-grid-column> 

    </e-grid-columns> 

</ejs-grid> 

<script> 

    function onCreated1() { 

         

       // Your code here 

    } 

</script> 

Documentation link: https://ej2.syncfusion.com/documentation/api/grid/#created 

We have prepared a sample of your requirement. Please find the sample link. 

Sample link: https://www.syncfusion.com/downloads/support/forum/151880/ze/GridCreated1000423466.zip 

Please get back to us if you need further assistance. 

Regards, 

Gokul R