javascript - 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 .