Extjs4 tab 与以前版本的区别汇总

本文介绍ExtJS 4中TabPanel加载HTML页面的方法及更新机制。对比4.0前后的不同,包括使用iframe与autoLoad的方式,并重点介绍了4.0版本中使用loader对象进行页面加载与刷新的具体实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在Extjs4以前我们对TabPanel中的加载html页面时一般都采用以下两种方式。
一、
html:'<iframe/>
二、
autoLoad加载方式。
而对tab页面内容的刷新方式采用frame的src重写,或采用tab.getUpdater().refresh();这两种方式来刷新tab内容。

对于iframe加载方式在4.0当载没有什么变化。
对于第二种用法笔者习惯性也在4.0当中也采用autoLoad的方式来加载html页面。但是没有办法刷新。在4.0版本中己经没有getUpdater()这个方法。在参考文档中发现loader这个对象多次出现。仔细对照官方例子。发现例子中是使用loader来加载。刷新页面也是采用tab.loader.load();

分析前后笔者认为具体的差别为:
4.0以前
autoLoad : {
    url: 'sss.html'
}
刷新方式tab.getUpdater().refresh();
4.0版本
loader : {
    url : 'sss.html'
}
刷新方式tab.loader.load();

三、如果是单独的panel中需在loader 中加入 autoLoad:true 默认为:false

以此做为ext开发过程中的笔记。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值