extjs grid取到数据而不显示的解决

找了快1个小时，就是不知道错误在哪里。。。郁闷
我在鼠标左侧点击tree节点，在右侧创建一个标签页，这个已经能够实现，于是我再在新建的标签页里嵌套一个grid。
奇怪的问题出现了。。
ff和ie下都没报错。但是grid就是不显示。本来我以为我代码错误。于是我狂找我的代码问题，无意中关掉ff的firbug插件界面，grid就现实出来了。。。原来只要我的窗口发生任何变化grid才会显示出来。
请问这是我代码问题还是bug？如何解决？
补充一下，我直接在tabpanel里面用items管理grid对象并没问题。但是我用添加事件后在其中管理就出问题了。
文件都是封装在类包里面的。所以只贴关键部分
这是监听事件。
java代码
listeners:{
'click':function(node, event) {
event.stopevent();
//把根节点的选择判断去除
if(node.text=="sampeng" || node.text == "文章管理" || node.text == "产品管理" || node.text == "信息管理" || node.text == "来访管理"){
}else{
var n = main.getcomponent(node.id);
if (!n) { //判断是否已经打开该面板
//如果是按的文章列表，新建一个列表对象并且丢进新的标签页
if(node.text == "文章列表"){
var grid=new sampeng.account.list();
n = main.add({
'id':node.id,
'title':node.text,
items: [{layout:"fit",items:grid}]
});}
}
main.setactivetab(n);
}
}
listeners:{
                'click':function(node, event) {
                         event.stopevent();
                        //把根节点的选择判断去除
                        if(node.text=="sampeng" || node.text == "文章管理" || node.text == "产品管理" || node.text == "信息管理" || node.text == "来访管理"){
                        }else{
                            var n = main.getcomponent(node.id);
                            if (!n) { //判断是否已经打开该面板
                                    //如果是按的文章列表，新建一个列表对象并且丢进新的标签页
                                if(node.text == "文章列表"){
                                    var grid=new sampeng.account.list();
                                    n = main.add({
                                    'id':node.id,
                                    'title':node.text,
                                     items: [{layout:"fit",items:grid}]
                                });}
                            }
                         main.setactivetab(n);
                            }
                        }
然后是我的tab面板创建类
java代码
* copyright(c) 2008-2010, sampeng inc.
*/
package("sampeng.panel");
/**
* 作用: 用来创建中间的主显示面板
* 作者：sampeng
* 时间：2008年9月24日1:24:42
*/
sampeng.panel.main = function(config){
var config=config || {};
var deconfig={
renderto:'mainlay',
width:1000,
height:561,
activetab:0,
plain: true,
border: true,
tabposition: 'top',
frame: true,
autoscroll: true,
enabletabscroll:true,//超过宽度就自动两边多出滚动条
items:[{
title:"首页"
}
]
}
ext.applyif(config,deconfig);
sampeng.panel.main.superclass.constructor.call(this,config);
}
ext.extend(sampeng.panel.main,ext.tabpanel);
* copyright(c) 2008-2010, sampeng inc.
*/
package("sampeng.panel");
/**
* 作用: 用来创建中间的主显示面板
* 作者：sampeng
* 时间：2008年9月24日1:24:42
*/
    sampeng.panel.main = function(config){

        var config=config || {};
        var deconfig={
                    renderto:'mainlay',
                    width:1000,
                    height:561,
                    activetab:0,
                    plain: true,
                    border: true,
                    tabposition: 'top',
                    frame: true,
                    autoscroll: true,
                    enabletabscroll:true,//超过宽度就自动两边多出滚动条
                 items:[{
                                title:"首页"
                            }
                         ]            
                    }
        ext.applyif(config,deconfig);
        sampeng.panel.main.superclass.constructor.call(this,config);
     }
    ext.extend(sampeng.panel.main,ext.tabpanel);
grid的就只贴数据源和属性的了。
java代码
/*******************************************************
* 为表格建立数据源
* 链接后台，并且按每一页的数据列表返回
* 用json数据格式传递
*******************************************************/
this.datastore = new ext.data.store({
proxy: new ext.data.httpproxy({
url: 'php/article_list.php',
disablecaching:false
}),
reader: new ext.data.jsonreader({
root: 'results',
totalproperty: 'total',
id:'id'
},[
{name: 'id'},
{name: 'name'},
{name: 'typename'},
{name: 'time'},
])
});
this.datastore.load({params:{start:0, limit:this.mypagesize}});
。。。
。。。省略很多
。。。
/*******************************************************
* 构造编辑列表面板（gridpanel）
*******************************************************/
sampeng.account.list.superclass.constructor.call(this, {
id: 'list-account-panel',
ds: this.datastore,
cm: art_cm,
sm: selectboxmodel,
height:500,
tbar: pagingbar,
bbar: menubar,
loadmask: {msg: '读取数据中 ...'},
enablecolumnhide: false,
autoscroll:true
//region:'center'
});
ext.extend(sampeng.account.list, ext.grid.gridpanel, {
reload : function() {
this.datastore.load({params:{start:0, limit:this.mypagesize}});
},
// 调用删除数据
// 服务器通过接受参数返回删除的数据
deletedata : function (jsondata) {
this.datastore.load({params:{start:0, limit:this.mypagesize, deldata:jsondata}});
}

        /*******************************************************
        * 为表格建立数据源
        *     链接后台，并且按每一页的数据列表返回
        *    用json数据格式传递
        *******************************************************/
        this.datastore = new ext.data.store({
            proxy: new ext.data.httpproxy({
             url: 'php/article_list.php',
             disablecaching:false
            }),

            reader: new ext.data.jsonreader({
                root: 'results',
                totalproperty: 'total',
                id:'id'
            },[
             {name: 'id'},
             {name: 'name'},
             {name: 'typename'},
             {name: 'time'},
            ])
        });
        this.datastore.load({params:{start:0, limit:this.mypagesize}});    
。。。
。。。省略很多
。。。
        /*******************************************************
        * 构造编辑列表面板（gridpanel）
        *******************************************************/
        sampeng.account.list.superclass.constructor.call(this, {
                id: 'list-account-panel',
                ds: this.datastore,
                cm: art_cm,    
                sm: selectboxmodel,
                height:500,
                tbar: pagingbar,
                bbar: menubar,
                loadmask: {msg: '读取数据中 ...'},
                enablecolumnhide: false,
                autoscroll:true
                //region:'center'
        });
ext.extend(sampeng.account.list, ext.grid.gridpanel, {
reload : function() {
        this.datastore.load({params:{start:0, limit:this.mypagesize}});    
    },
// 调用删除数据
// 服务器通过接受参数返回删除的数据
deletedata : function (jsondata) {
    this.datastore.load({params:{start:0, limit:this.mypagesize, deldata:jsondata}});
}    
谢谢各位大侠了！
问题状况是我浏览器不动，grid死活不显示，浏览器一变，grid就出来了。而且是按照我设定的参数大小显示的。不明白倒底问题出在哪里。只有这么多分了。望指教

本来以为是代码有问题，看firebug没有报错，并且观察firebug确实从服务端取得了数据。搞了很久没有想出问题，但是什么也不干，把窗口最小化再最大化的时候，数据又出来了！！！
这可能是extjs的一个bug，从网上找类似的解决方法，找到了这个：
，后来又和qiuye402大侠进行了沟通终于搞定。

其实就是布局刷新的问题，只需将最外层的容器重新render一下就可以了。最外层的容器一般就是类似于viewport的东东了，刚开始不知道，一直重新render包含grid的panel，没有效果，重新render viewport一切ok了！