Extjs在窗口内调整面板大小答案

【问题标题】：Extjs resize panel inside windowExtjs在窗口内调整面板大小
【发布时间】：2012-12-06 08:13:30
【问题描述】：

Extjs

我在 Ext.Panel 中有一个 iram，而该面板在 Ext.Window 中

当 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>'
}));

有人可以帮我吗？？

【问题讨论】：

标签： extjs

【解决方案1】：

IMO 最好的方法是在加载框架中的文档后调整窗口大小。其实我看不出有什么别的办法。您需要获取frame 元素，然后将处理程序附加到load 事件以调整窗口大小。您可以通过调用var innerDoc = (frame.dom.contentDocument) ? frame.dom.contentDocument : frame.dom.contentWindow.document;获取iframe文档，然后通过innerDoc.body.scrollHeight获取文档高度。

工作样本：http://jsfiddle.net/unS7y/3/

【讨论】：

【解决方案2】：

洛洛是对的。从 iframe 检索高度后，您需要调整窗口大小。

【讨论】：