liss 发表于 2013-2-6 11:01:12

实现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两个类
页: [1]
查看完整版本: 实现Ext.TabPanel中tab内容的更新