Dynamic height for dataview component?

[8whiterice]

Hi,
In the following code (tweaked from the example Sencha code for dataview), the dataview is not shown due to having a height=0. As the content of the dataview could be dynamic, is there anyway to make the component visible without using a static height on initialization? Thank you!

var container = Ext.create('Ext.Container', {
    fullscreen: true,
        scrollable: true,
        style: 'margin-bottom:7px',
        items: [
            {
                html: '<div>heading 1</div>'
            },
            {
                xtype: 'dataview',
                store: {
                    fields: ['name', 'age'],
                    data: [
                        {name: 'Jamie',  age: 100},
                        {name: 'Rob',   age: 21},
                        {name: 'Tommy', age: 24},
                        {name: 'Jacky', age: 24},
                        {name: 'Ed',   age: 26}
                    ]
                },
                itemTpl: '<div>{name} is {age} years old</div>'
            },
            {
                html: '<div style="height:600px">heading 2</div>'
            }
        ]
});

[8whiterice]

Ok, found the answer... need to manually set "scrollable: false"