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。