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

本文介绍如何在Ext.TabPanel中实现每次激活Tab时刷新加载的内容,通过使用getUpdater().refresh()方法来确保显示最新的信息。

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(); } } }] });

官网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两个类

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值