Extjs：使用父div调整大小调整面板大小

Question

我有一个div，我使用renderTo配置渲染了一个Extjs面板。 当调整div的大小时，如何调整面板的大小？

谢谢

Answer 1

我说你可以使用Ext.dom.Element resize event和Ext.panel.Panel.setSize()，如下所示：

    // Get Ext.dom.Element for your div by id
    var myDiv = Ext.Element.get('myDiv');

    // Set new height / width for myPanel each time myDiv resize event trigger
    myDiv.on('resize', function (eventObject, element) {
        myPanel.setSize(element.contentWidth, element.contentHeight);
    });

选中simple fiddle。