I am using kendo grid on multiple elements throughout my app. I want to do few changes wherever any grid is loaded fully.

Is there a way to write common function for all grids before grid is loaded ?

for ex - 

<script>

function afterGridRendered(){};
// code to bind above method to all grids 

$("#grid").kendoGrid({
            ...
        });

</script>

Hello Ajinkya,

You can handle the Grid's dataBound event, which fires after the Grid is loaded with data. If you want to execute logic before it is loaded with data, handle the dataBinding event instead. afterGridRendered can be a common handler used by multiple Grids.

Here's an example, in which 2 Grids use the same afterGridRendered handler: https://dojo.telerik.com/aqEgOJEr

Regards,
Ivan Danchev
Progress Telerik