日期:2014-05-16  浏览次数:20261 次

Extjs4 tab 与以前版本的区别

在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();

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