Extjs：與父div調整大小面板調整

Question

我有一個div，其中我已經使用renderTo config呈現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。