Ext.Panel 动态添加组件后，没有显示组件问题

Ext.Panel 动态添加组件后，没有显示组件 。需要调用Ext.Panel 的doLayout()函数

 

    <script type="text/javascript">
        Ext.onReady(function () {
            var panel = new Ext.Panel({
                layout: 'table', //table 布局
                layoutConfig: { columns: 4 }, //四列
                title: '::动态添加panel中的项::',
                renderTo: Ext.getBody(),
                height: 300,
                collapse: false
            });
            for (var i = 0; i < 5; i++) {
                var btn = new Ext.Button({
                    text:'hi 你好'
                });
                panel.add(btn);
            }
            //添加组件完成后，调用下面的函数重新显示panel及组件
            panel.doLayout();
        });
    </script>