如何在加载数据后刷新面板？

Question

我有一个在div内部渲染的extjs面板,如下所示:

panel = new Ext.Panel({
            layout : 'fit',
            renderTo: 'my_div',
            monitorResize: true, // relay on browser resize
            height: 500,
            autoWidth: true,
            items : [
                centerPanel
            ],
            plain : true
        });

页面加载后面板为空,但是当我调整浏览器大小时,内容会显示魔术!

我认为第一次渲染面板时数据尚未完成加载.

如何在不调整浏览器大小的情况下显示内容？

Answer 1

我怀疑问题是你需要明确地使面板被渲染.创建面板后,进行以下调用:

panel.doLayout();

Sencha文档说"在向已经渲染的容器添加新组件之后,或者在更改子组件的大小/位置属性之后,需要调用此函数."