首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > JavaScript >

extjs tabpannel没法显示激活tab数据

2013-10-22 
extjs tabpannel无法显示激活tab数据this.fp new Ext.form.FormPanel({fieldWidth:80,labelAlign:right

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中去。

热点排行
Bad Request.