一个window中为什么只能添加进来一个panel？

Question

Ext.onReady(function(){

//json传值
var store=new Ext.data.JsonStore({
url: 'ExtJson',
root:'data',
totalProperty : 'total',//设置条数
fields:["id","sex","name"]
});

var columns = new Ext.grid.ColumnModel([
    {header: '学号', dataIndex: 'id'},
    {header: '性别', dataIndex: 'sex'},
      {header: '姓名', dataIndex: 'name'}

]);

    var grid = new Ext.grid.GridPanel({
    title: '学生信息列表1',
    region: 'center',
    height:300,
    loadMask: true,
    store: store,
    cm: columns,
    sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
    viewConfig: {
        forceFit: true//强制长度充满全屏
    },
    bbar: new Ext.PagingToolbar({
        pageSize:3,
        store: store,
        displayInfo: true
    })
});

     var grid2 = new Ext.grid.GridPanel({
    title: '学生信息列表2',
    region: 'center',
    height:300,
    loadMask: true,
    store: store,
    cm: columns,
    sm: new Ext.grid.RowSelectionModel({singleSelect:true}),
    viewConfig: {
        forceFit: true//强制长度充满全屏
    },
    bbar: new Ext.PagingToolbar({
        pageSize:3,
        store: store,
        displayInfo: true
    })
});

store.load({ //分页参数
params:{
start:0,
limit:3
}
});

var message_tsWin = new Ext.Window({
            title : '信息提示',
            collapsible : true,
            collapsed : true,
            closable : false,
            width : 200,
            height : 420,
            resizable : false,
            hideBorders : true,
            border : false,
            layout : 'fit',
            shadow : false,// 是否显示阴影
            draggable : true, // 不可拖动
            autoDestroy : true
        });     
        var i=0;
        message_tsWin.add(grid,grid2);
        message_tsWin.show();

});

最后显示的效果，在window中只是显示了第一个panel的内容，为什么？

Answer 1

layout : 'fit', //布局问题。去除就行了。