AngularJS $scope.grid is undefined

[Antje]

Hey there,

I read a blog article from Burke Holland (http://blogs.telerik.com/kendoui/posts/14-02-26/a-few-angular-kendo-ui-best-practices) and in the chapter "Leverage Widget References" he says, that the widget reference to the grid is provided inside the scope.

But when I use this html snippet:

<div kendo-grid="grid" k-options="mainGridOptions"></div>

and try to use $scope.grid in my controller, it is undefined.


Would you please provide an example how to get the widget reference?

Thanks a lot!

[Petur Subev]

Hello Antje,

Here is an example that you can see the Grid is within a variable inside the controller context:

http://dojo.telerik.com/@pesho/aGaB

I hope this is what you are searching for.

Kind Regards,
Petur Subev
Telerik

 

 

[Mike]

I'm having the same issue. Can you post the details (or different ways) on getting reference to the grid? The example is not helping me.

[Mike]

OK I solved this by listening to the global 'kendoRendered' event:

 

$scope.$on('kendoRendered', function() {

console.log($scope.myGrid);

});

[Kiril Nikolov]

Hello Mike,

 

You need the event, in order to make sure that the instance is available, when you try to access it. So the recommended event is either kendoRendered or kendoWidgetCreated.

 

Regards,
Kiril Nikolov
Telerik