How to access the options of a kendo grid inside an iframe from outside?

Question

I am working in a web application using kendo grid.I've an iframe which contains kendo grid and need to access the kendo options from outside using jquery.

Yeah I tried to access the element using below code

Iframe.contentWindow.find....this code returns the element but when I try to extend this to kendo element (element.data("kendoGrid") ) it shows undefined.Any help?

score 3 · Accepted Answer · edited May 23 '17 at 10:29

3

You tried to find the element using the iframe.contentWindow (which is right), but you didn't use the jQuery object of the iframe instead of the main window jQuery object.

You can access it this way:

var framejQuery = $('#frameID')[0].contentWindow.$;
var element = $('#frameID').contents().find('#gridID')[0];
var grid = framejQuery.data(element, 'kendoGrid');         // Here's your grid object

edited May 23 '17 at 10:29

Community

1
1

answered Jul 26 '15 at 04:13

Ahmad Ibrahim

1,915
2
15
32

this does not work for me. var grid contains the document not the kendoGrid. – Steven T. Cramer Apr 20 '16 at 15:29
@StevenT.Cramer check how your code is different from this working example http://dojo.telerik.com/ugusa – Ahmad Ibrahim Apr 22 '16 at 13:05
1

Thank you for working example. I figured out my mistake. – Steven T. Cramer Apr 22 '16 at 13:17

How to access the options of a kendo grid inside an iframe from outside?

1 Answers1