在Extjs中将组件渲染到Iframe中

Question

我想实现以下目标： 我的应用程序中有一个组件，我希望他的渲染在IFrame中执行。

this.button = Ext.create({
   xtype: 'button',
   text: 'Button',
   handler: function() {
      console.log('click', this, this.getEl());
   },
   renderTo: this.getIframeBody()
});  

此代码是为了构建更复杂的应用程序而进行的测试，但这个简单的测试失败了。 处理程序永远不会关联，似乎从未监视过该事件。

有关为什么这不起作用的任何想法？

我还尝试将事件直接附加到el：

this.button.getEl().on('click', function() {console.log('click here!')})

但它不起作用。

关于如何在文档上下文中管理Component并在另一个文档上下文（iframe的一个）中呈现（Element）以及如何不在Component和Element之间中断事件的任何想法？

我怀疑这是因为ExtJs改变了全局管理事件以支持Touch事件的方式，但在深入研究代码之后，我无法理解问题所在......