在标签面板 extjs4.2 中访问 iframe

Question

我有一个由两个选项卡组成的选项卡面板。我正在尝试使用“window.frames [”id“]”访问每个选项卡中的 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