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

Question

I have a div in which I have rendered an Extjs panel using renderTo config. How do i resize the panel as and when the div is resized?

Thank you

Answer 1

I'd say you can use Ext.dom.Element resize event and Ext.panel.Panel.setSize() , like this:

    // 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);
    });

Check this simple fiddle .