Getting Kendo Grid Id in angular js controller

[Prakash]

Hi,

I am using kendo grid with angular ​environment. One of the issue I am facing here is that I need to get the kendo grid id in the angular controller and then replace the header title with some value.

Here is the code I am using in controller

$("#​Test.kendoGrid th[data-field=DateSubmitted]").html("TestFrequency");​     ​//Tried using jquery

<div kendo-grid="​Test.kendoGrid" k-options="​Test.kendoGridOptions" k-ng-delay="​Test.kendoGridOptions"></div>

As in above, the kendo grid has field 'DateSubmitted' and the title initially while page load is 'Submission Date'. Now on some event, I need to change the title.

But the title is never replaced. Its seems the kendo gird id is not found using jquery.

Let me know if there is any way to accomplish this.

Thanks.

 

 

[Plamen Lazarov]

Hello Prakash,

Probably the jQuery approach is not working because wrong selectors are used. Here is a basic example which demonstrates a possible approach: 

http://dojo.telerik.com/azUpi/2

However, in case you want to obtain a reference to the Grid, please see the following documentation page: 

http://docs.telerik.com/kendo-ui/AngularJS/introduction#get-widget-references

I hope this helps.

Regards,
Plamen Lazarov
Telerik