当前位置: 代码迷 >> JavaScript >> extjs tabpannel没法显示激活tab数据
  详细解决方案

extjs tabpannel没法显示激活tab数据

热度:178   发布时间:2013-10-22 16:17:03.0
extjs tabpannel无法显示激活tab数据
        this.fp = new Ext.form.FormPanel({
            fieldWidth:80,
            labelAlign:'right',
            border:false,
            items:{
                xtype:'tabpanel',
                id:'piddd',
                activeTab:0,
                deferredRender:false,
                border:false,
                height:350,
                items:[{
                    title:'分配类别',
                    items:{
                        layout:'fit',
                        border:false,
                        items:this.gridRole
                    }
                }]  
            }
        });

---------------------------

向上面的代码, activeTab:0,激活第一个tab,gridRole能正常取到数据。但是无法显示出来。如果将上面的代码改成

        this.fp = new Ext.form.FormPanel({
            fieldWidth:80,
            labelAlign:'right',
            border:false,
            items:{
                xtype:'tabpanel',
                id:'piddd',
                activeTab:0,
                deferredRender:false,
                border:false,
                height:350,
                items:[{},{
                    title:'分配类别',
                    items:{
                        layout:'fit',
                        border:false,
                        items:this.gridRole
                    }
                }]  
            }
        });

当切换tab是则能正常显示『分配类别』选项卡中的数据。两段代码的不同之处在于:第二段代码的『分配类别』选项卡前多了一个空tab({})

------解决方案--------------------
应该是你的grid加载时,tabpanel为隐藏状态,还未选完完毕造成的问题,去掉 deferredRender:false,试试。
如果不行,则动态增加item,动态将grid插入到tab中去。
  相关解决方案