窗口内的Extjs调整面板

Extjs

我有一个ifram在一个外部面板内，面板在一个外部窗口内

当iframe的内容更改时，如何使窗口自动高度

请参阅代码：

var filePanel = new Ext.Panel({
     autoHeight: true
});

var fileUploadWindow = new Ext.Window({
    modal: true,
    autoHeight: true,
    title: 'File Upload',
    closable: true,
    draggable: true,
    autoDestroy: false,
    width: 570,
    items: [filePanel],
    shadow: true,
    buttons: [{
        xtype: 'button',
        text: 'Close',
        handler: function (button) {
            fileUploadWindow.hide();
            fileStore.reload();
        }
    }]
});

filePanel.add(new Ext.Panel({
    html: '<iframe src="../shared/Upload.aspx?_key=' + sskey + 
        '&_id=' + wkId + '" style="width:550px; border:none;"></iframe>'
}));

---

有人能帮我吗？

在我看来，最好的办法是在框架中的文档加载后调整窗口的大小。事实上，我看不出还有别的办法。您需要获取框架元素，然后将处理程序附加到加载事件以调整窗口大小。您可以通过调用var innerDoc=frame.dom.contentDocument来获取iframe文档？frame.dom.contentDocument:frame.dom.contentWindow.document；然后通过innerDoc.body.scrollHeight访问文档高度

---

工作示例：

Lolo是正确的。从iframe检索高度后，需要调整窗口大小