How to detect when the grid appears on the page?

[Robert]

I need to detect when grid with data is displayed on the page. I've checked grid events but not found any fired when the grid is displayed on the page.

Any help will be appreciated.

[Mohammed Farook J]

Hi Robert, 

 

Thanks for contacting Syncfusion support. 

 

From your query we found that you want to trigger any Grid event after the initial Grid rendering. So we suggest you to use dataBound event of the Grid to achieve your requirement. This event triggers when data is populated to the Grid. 

 

Code snippet: 

 

@Html.EJS().Grid("Grid").DataSource((IEnumerable<object>)ViewBag.data).Columns(col=> { 

 

         ... 

 

}).AllowPaging().DataBound("dataBound").Render() 

 

<script type="text/javascript"> 

    function dataBound(args){ 

 

        // place your code here. 

 

    } 

</script> 

 

Sample:  http://www.syncfusion.com/downloads/support/directtrac/general/ze/I140428-1249296705.zip 

 

Refer the following link to know about dataBound event of the Grid: 

 

https://ej2.syncfusion.com/documentation/grid/api-grid.html?lang=typescript#databound 

 

If still this is not meet your requirement, could you please explain more details about your requirement. 

 

 

Regards, 

J Mohammed Farook 

[Robert]

Thank you very much for your help

[Madhu Sudhanan P]

Hi Robert, 

Thanks for the update. Please get back to us if you need further assistance. 

Regards, 

Madhu Sudhanan P