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

Question

我有一个divjs面板呈现在div内，如下所示:

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文档说:“在将新组件添加到已渲染的容器中之后，或者可能在更改子组件的大小/位置属性之后，需要调用此函数。”