EXTJS ——Tabpanel_afterRender解决方案

2013-07-16

EXTJS ——Tabpanel_afterRendervar tabs new Ext.TabPanel({renderTo: strspot[a] + -body,activeTab:

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 ]

                });
});
EXTJS ——Tabpanel_afterRender解决方案

热点排行

JavaScript

EXTJS ——Tabpanel_afterRender解决方案