如何在extjs新打开的浏览器中获取id

Question

我正在使用以下代码创建一个弹出窗口：

var window = Ext.create('Ext.window.Window',{
    title : headerMsg,
    width : 350,
    me:me,
    height : 250,
    layout : 'fit',
    plain : true,
    name : 'exportWin',
    id : 'exportWin' + (++eWin),
    buttonAlign : 'center',
    items : [{
        xtype : 'box',
        autoEl : {
            tag : 'iframe',
            src : url,
            id : eWin,
            name : 'ExportFrame',
            height : '100%',
            width : '100%',
            style : 'cursor:pointer;top:10px'
        }
    }
    ]
});
window.show();

一切正常，现在我需要在新打开的浏览器中获取 id。

我尝试了 window.id、self.id 和 this.id，但没有任何效果。 但 window.name 正在工作，它按预期警告“ExportFrame”，但 window.id 没有警告“eWin”变量，它警告为未定义 提前致谢！

Answer 1

如果您想选择最近创建的Ext.window.Window 的id 属性，您可以使用window.getId()。

如果您想选择子 iframe 的实际 id，您可以使用类似 Ext.dom.Query.select('iframe')[0].id.

Working fiddle

更多关于在this answer 中使用 ExtJS 浏览 DOM。

Answer 2

Ext.create 返回一个对象，因此您可以简单地使用 window.id 来访问该对象。

要获取 iframe 的 ID，您可以使用：

window.items.items[0].autoEl.id

我用你的以下修改过的脚本对其进行了测试：

var eWin = 1337;
var Ywindow = Ext.create('Ext.window.Window',{
            title : 'dummy',
            width : 350,
            //me:me,
            height : 250,
            layout : 'fit',
            plain : true,
            name : 'exportWin',
            id : 'exportWin' + (++eWin),
            buttonAlign : 'center',
            items : [{
                xtype : 'box',
                autoEl : {
                    tag : 'iframe',
                    src : 'https://ccc.de',
                    id : eWin,
                    name : 'ExportFrame',
                    height : '100%',
                    width : '100%',
                    style : 'cursor:pointer;top:10px'
}}]});
Ywindow.show();
console.log(Ywindow.items.items[0].autoEl.id);

但正如您在代码中所写的那样：

eWin or ++eWin. // in our case: 1338

---

我更喜欢引用而不是 ID。 这让我从 MVVM 和 MVC 模式中获得了更多的力量。 https://docs.sencha.com/extjs/6.0/application_architecture/view_controllers.html

顺便说一句，调用 var 窗口不是最佳选择 - window 是一个全局 JS 浏览器对象。

因此我为演示目的创建了一个小提琴，这应该适用于 ExtJS 4+。

https://fiddle.sencha.com/#fiddle/14do

（看看控制台，你会发现两个id）