实现Ext.TabPanel中tab内容的更新

Ext.TabPanel中，如果一个tab项使用了autoLoad的话，只当该tab被激活后加载一次。但在实际使用的时候我们可能需要的是当其激活时，显示的是加载页面的最新信息，如新闻等。那么如何实现呢？

看下面的例子：

var tabs = new Ext.TabPanel({
   id:"treeTab",
   border:false,
   items:[{
    title:"修改密码"
   },{
    title:"用户信息",
    autoLoad:{
     url:"userinfo.jsp",
     scripts:true
    },
   listeners:{
     activate:function(tab){
      tab.getUpdater().refresh();
     }
    }
   }]
});

红色区域就是实现该功能的关键代码，为listeners添加activate事件。

官网API中getUpdater()方法说明：

getUpdater() : Ext.Updater

 

Get the Ext.Updater for this panel. Enables you to perform Ajax updates of this panel's body.

实现对AJAX内容的更新。

更多用法请参见官网API的

Ext.TabPanel，Ext.Updater两个类