Question

我有一个由两个标签组成的标签面板。我尝试使用＆＃34; window.frames [＆＃34; id＆＃34;]＆＃34;来尝试访问每个标签中的iframe。但是在发出警报时我得到了不确定的信息。如何在我的情况下访问iframe？

 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]
        });

Answer 1

要选择DOM元素，您可以使用Ext.dom.Query.select()，别名Ext.query()。

Ext.dom.Query通过将查询编译为可重用的函数来提供高性能的选择器/ xpath处理。可以插入新的伪类和匹配器。它适用于HTML和XML文档（如果传入内容节点）。

更多关于使用this answer中的ExtJS浏览DOM的信息。

尝试Ext.query('iframe#frm_A');

之类的内容

Working fiddle

在选项卡面板extjs4.2中访问iframe

1 个答案: