ext 中的ViewPort 问题

Question

ViewPort  面板（现在有 北 东 中 南 4个区 ），页面初始化加载的时候，东，西两面都会显示出来，然后又缩回去，只剩下中部区域， 能不能不不显示东西两面，加载的时候不出现东西两面伸展和收缩的效果?
这个问题很头痛请大家帮帮我！

Answer 1

是不要东西还是默认打开时东西自动收缩回去？
不要动画效果的话，可以在每个区域上增加属性animFloat：false

Answer 2

给个列子：Ext.onReady(function() {
    var model = new Ext.grid.CheckboxSelectionModel();
    var roomStore = new Ext.data.Store({
        proxy: new Ext.data.HttpProxy({ url: "GlobelHandler.ashx" }),
        baseParams: { action: "GetRoomPaged", limit: 20, start: 0, sort: "Id", dir: "asc" },
        reader: new Ext.data.JsonReader({ id: "Id", root: "data", totalProperty: "totalCount", successProperty: "success" },
        [{ name: "Number" }, { name: "TypeName" }, { name: "OpenTime" }, { name: "GuestMoney" }, { name: "GuestNumber"}, { name: "GuestName"}, { name: "Re"}]), remoteSort: true, autoLoad: true
    });
    var view = new Ext.Viewport({
        layout: 'border', //声明为border布局
        items: [
            { region: 'north',
                height: 65,
                html: '<div id="north" style=" background-image:url(Images/main_top_BG.gif);width: 100%; height: 65px"></div>'
            },
            { region: 'south',
                height: 20
            },
            {   region: 'center',
                height: 405,
                width: 613,
                title: '酒店开房详细信息',
                items: {
                    xtype: "grid",
                    height:690,
                    store: roomStore,
                    border: false,
                    sm: model,
                    loadMask: { msg: "正在加载..." },
                    columns: [
                        model,
                        { header: "房间号", dataIndex: "Number", sortable: true },
                        { header: "房间类型", dataIndex: "TypeName", sortable: true },
                        { header: "开房时间", dataIndex: "OpenTime", sortable: true },
                        { header: "预缴金额", dataIndex: "GuestMoney", sortable: true },
                        { header: "登记身份证", dataIndex: "GuestNumber", sortable: true },
                        { header: "客人姓名", dataIndex: "GuestName", sortable: true },
                        { header: "备注", dataIndex: "Re", sortable: true }
                    ],
                    viewConfig: {
                        forceFit: true
                    },
                    bbar: new Ext.PagingToolbar({ store: roomStore, pageSize: 20, displayInfo: true })
                }
            },
            {
                region: 'west',
                split: true,
                margins: '0 0 0 0',
                layout: 'accordion',
                width: 190,
                collapsible: true,
                title: '酒店管理菜单',
                layoutConfig: { animate: true },
                items: [
                        {
                            title: '日常酒店管理',
                            xtype: "treepanel", border: false,
                            listeners: {
                                render: function(tree) {
                                }
                            },
                            root: new Ext.tree.AsyncTreeNode({ text: "目录", expanded: true, id: "0",
                                children: [
                                    { id: 1, text: "普通日常管理", leaf: false, expanded: true,
                                        children: [{ id: 11, text: "新开房间", leaf: true }, { id: 12, text: "查询账目信息", leaf: true}]
                                    },
                                    { id: 2, text: "高级日常管理", leaf: false, expanded: true,
                                        children: [{ id: 21, text: "员工管理", leaf: false, expanded: true,
                                            children: [{ id: 211, text: "添加员工", leaf: true }, { id: 212, text: "查看员工", leaf: true}]
                                        }, { id: 22, text: "房间类型管理", leaf: false, expanded: true,
                                            children: [{ id: 221, text: "添加房间类型", leaf: true }, { id: 222, text: "查看房价类型", leaf: true}]
                                        }, { id: 23, text: "客房管理", leaf: false, expanded: true,
                                            children: [{ id: 231, text: "添加客房", leaf: true }, { id: 232, text: "查看客房", leaf: true}]
                                        }
                                        ]
                                    }
                                ]
                            }),
                            rootVisible: false,
                            listeners: {
                                dblclick: function(node, e) {
                                }
                            }
                        },
                        {
                            title: '信息中心',
                            border: false
                        }
                ]
            },
            {
                region: 'east',
                width: 160,
                split: true,
                collapsible: true,
                title: '今日房价',
                html: "<div id='moneyGrid'></div>"
            }
        ]
    })
})