Print Page - How to access element in page opened by JEASYUI-TABS from parent?

Title: How to access element in page opened by JEASYUI-TABS from parent?
Post by: Jonny on February 13, 2016, 10:11:24 PM

Dear Sir/Madam,

Is there possible to access combogrid or any element in page opened by jeasyui-tabs from parent ?

Usually I open new page like below:

var content = '<iframe scrolling="auto" frameborder="0" src="CHILD.HTML" style="width:100%;height:100%; overflow:hidden"> </iframe>';
$('#tt').tabs('add',{ title:"CHILDMENU",
content: content,
closable:true,
bodyCls:'noscroll'
});

Then for some reason, I want to reload combogrid inside CHILD.HTML

I failed using this way:
var dechild = $('#tt').tabs('getTab', 'CHILDMENU');
if (dechild!= null) {
var cooo = dechild.document.getElementById("OOO");
cooo.combogrid('reload');
}
}

Please help me solve the problem...
Thank you...

Regards,
JONNY

Title: Re: How to access element in page opened by JEASYUI-TABS from parent?
Post by: stworthy on February 14, 2016, 02:07:08 AM

You can define a function 'reloadCombogrid' in the 'CHILD.HTML' page. Find the <iframe> and get the 'contentWindow', call any functions defined in it.

Code:

var dechild = $('#tt').tabs('getTab', 'CHILDMENU');
if (dechild != null){
	var cw = dechild.find('iframe')[0].contentWindow;
	cw.reloadCombogrid();
}

Title: Re: How to access element in page opened by JEASYUI-TABS from parent?
Post by: Jonny on February 14, 2016, 04:19:52 AM

Hello Sir,

Thank you very much for the solution.

It works perfectly...

Now I can easily call any function located on child page.... :) :D

Regards,
Jonny

EasyUI Forum

General Category => General Discussion => Topic started by: Jonny on February 13, 2016, 10:11:24 PM