EXTJS ——Tabpanel_afterRender

    var tabs = new Ext.TabPanel({
                                renderTo: strspot[a] + '-body',

                                activeTab: 0,
                                tabCls: 'tab-class',
                                items: [{
                                    title: 't1',
                                    html: html ,
                                    afterRender: function () {
                                     
                                    }
                                }, {
                                    title: 't2',
                                    html: '<div id=' + usualldivid + ' class=tab_kid></div>',
                                    afterRender: function () { 
 
                                     
                                    }
                                }],

                            });

初始化如上
出现的问题如下
1、在T1内添加afterrender后TAB初始化出现问题，tab变没了
2、我试过这样写

//都没有反应  这该怎么写？
tabs.afterRender = function(){};
tabs/afterRender(function(){});

3、我想做个计时器刷新tab内的内容

  //数据实时加载
       //setTimeout(function () {
        //    //    GetRealTimeDate();
        //    //}, 200);//2s
        //    //setInterval(function () {
        //    //    GetRealTimeDate();
        //    //},3000)

没有在afterRender里面写实在外面写的
当时我的方法还是读不到tabs内的HTML相应的容器。。。



[解决办法]
你好，下面的代码经测试没有问题，只不过我是用的EXT4.1.0版的，
Ext.onReady(function(){
Ext.QuickTips.init();
var tabs = Ext.create("Ext.tab.Panel",{
// renderTo: strspot[a] + '-body',
region : 'center',
activeTab: 0,

tabCls: 'tab-class',
items: [{
title: '实时数据',
//html: html,
afterRender: function () {
}
}, {
title: '实时曲线' ,
afterRender: function () {
}
//html: '<div id=' + usualldivid + ' class=tab_kid></div>'
}]

});

Ext.create('Ext.container.Viewport', {

layout : 'border',//Border布局

items : [ tabs ]

});
});