ExtJS AJAX TabPanel选项卡加载事件?

| 有什么方法可以将事件侦听器添加到ExtJS v3.3.1中基于ajax的tabpanel的load / update事件中?我需要一个事件,该事件在检索并完全呈现选项卡内容之后触发,而不是在选择/激活选项卡并显示加载微调器之后立即触发。 我以为我可以在由Tabpanel的
getUpdater()
方法返回的Ext.Updater对象上添加此事件,即:
myTabs.getUpdater().on(\'update\', function()
{
    console.log(\'tab loaded\');
});
但这似乎不起作用。有任何想法吗? 编辑:这是我的完整实现,可以更轻松地查看我要执行的操作:
var myTabs = new Ext.TabPanel( 
{ 
    id : \'rec_tabs\', 
    activeTab : 0,    
    enableTabScroll : true, 
    padding : 5, 
    autoWidth : false, 
    autoHeight : true, 
    border : false, 
    plain : true, 
    defaults : { autoHeight: true }, 
    items : 
    [ 
        { title : \'Tab #1\',  autoLoad : { url : \'tab1_content.php\', scripts : true } }, 
        ... 
    ] 
}); 

myTabs.render(\'tab_div\'); 

myTabs.getUpdater().on(\'update\', function() 
{ 
    console.log(\'tab loaded\'); 
});  
    
已邀请:
        终于明白了。我还没有意识到TabPanel的每个项目的\“ autoLoad \”配置对象的属性实际上只是用作Ext.Updater.update()方法的参数。因此,我所要做的就是连同\“ url \”和\“ scripts \”参数一起,将\“ callback \”属性定义为当标签内容加载到其主体中时要执行的函数,和它的好去。     
        你有尝试过吗?
myTabs.on(\"afterrender\", function() {
    console.log(\'tab loaded\');
});
    

要回复问题请先登录注册