Accessing an iframe inside a tab panel extjs4.2

Question

I have a tab panel formed of two tabs. I'm trying to access the iframe in each tab by using "window.frames["id"]" but i'm getting undefined when alerting it. How to access the iframe in my case?

 tabPanel = Ext.create('Ext.tab.Panel', {
            region: 'center',
            activeTab: 0,
            autoScroll: true,
            items: [
                    {   
                        id:"panel_A",
                        title: "${tr.A}",
                        html: "<iframe src= '"+A_url +"' width='100%' height='100%' id='frm_A' name='frm_A' frameborder=0 />",
                    },{
                        id:"panel_B",
                        title: "${tr.B}",
                        //disabled:tabs_status,
                        //hidden:hidden,
                        html: "<iframe src='"+B_url +"'  width='100%' height='100%' id='frm_B' name='frm_B' frameborder=0 />",
                    }]
            });


        viewport = new Ext.Viewport({
            layout:'border',
            items:[tabPanel]
        });

Is there any particular reason as to why you are electing to use IFRAMEs instead of using standard ExtJS panels for your tabs? — Steven, Jan 17 '16 at 02:13
Oh, and to access your IFRAMEs from the DOM you should just use `document.getElementById('frm_A')` — Steven, Jan 17 '16 at 02:17

score 0 · Answer 1 · edited May 23 '17 at 12:23

0

To select DOM elements you can use Ext.dom.Query.select(), alias Ext.query().

Ext.dom.Query Provides high performance selector/xpath processing by compiling queries into reusable functions. New pseudo classes and matchers can be plugged. It works on HTML and XML documents (if a content node is passed in).

More about navigating through DOM with ExtJS in this answer.

Try something like Ext.query('iframe#frm_A');

Working fiddle

edited May 23 '17 at 12:23

Community

1
1

answered Jan 16 '16 at 20:41

Sergey Novikov

4,096
7
33
59

I'm getting blank alert – mikeb Jan 16 '16 at 20:47
Try to `console.log()` it? – Sergey Novikov Jan 16 '16 at 20:48
I didn't get anything – mikeb Jan 16 '16 at 20:49
Added fiddle to answer, its appear in a console. Maybe you try to query iframe while your `tabpanel` not created yet? – Sergey Novikov Jan 16 '16 at 20:51
if that's the case what do you suggest me doing? – mikeb Jan 16 '16 at 20:54
Depends of your code, just make sure that you create and render your tabpanel before `Ext.query('iframe#frm_A');`. – Sergey Novikov Jan 16 '16 at 20:56

Accessing an iframe inside a tab panel extjs4.2

1 Answers1

Linked