Высота Ext.tree.Panel в ExtJS 4

Question

Как мне создать Ext.tree.Panel, которая автоматически изменяет размеры, чтобы соответствовать ее содержимому, когда узлы развернуты / свернуты?

Answer 1

Это немного грязный обходной путь, но как быстрое решение у меня хорошо работает.

var tree = Ext.create('Ext.tree.Panel', {
    //...    
    //configuration goes here
    //...
    animate: false,
    //...
    listeners:{
        load: function(){
            resetHeight(this);
        },
        itemexpand: function(){
            resetHeight(this);
        },
        itemcollapse: function(){
            resetHeight(this);
        }
    }
}

function resetHeight(cmp){
    setTimeout(function(){
        var innerElement = cmp.getEl().down('table.x-grid-table');
        if(innerElement){
            var height = innerElement.getHeight();
            cmp.setHeight(height);
        }
    }, 200);
}