extJs 2.1学习笔记(Ext.Updater篇一)

gkuiyj

上几篇中老老实实地把Ext.data.Connection翻了个遍。这是基础。我记得Ext.Element有一个方法：

load( String/Function url, [String/Object params], [Function callback], [Boolean discardUrl] ) : Ext.Element
直接调用Ext.Updater.update方法处理(它们使用一样的参数)
参数：
　　url : String/Function
　　用于请求的url字符串或能返回url的函数。
　　
　　params : String/Object
　　放到url后面的查询参数

　　callback : Function
　　当请求完毕时执行的回调

　　discardUrl : Boolean
　　默认情况下，每执行一次update，defaultUrl属性就会被改成上一次使用过的url，如果为真，则这一次除外，不用保存到defaultUrl。

　　这个函数在前面没有讲过，事实上它是很多问题的基础，因为一切都建立在Ext.Element基础之上。它的源代码为：

　　load : function(){
　　　　var um = this.getUpdater();
　　　　um.update.apply(um, arguments);
　　　　return this;
　　}

　　超简单。Element有一个方法getUpdater，用于获得一个Ext.Updater类的实例。然后调用它的update方法。所以，一切的关键在Ext.Updater。下面是getUpdater的源代码：

　　getUpdater : function(){
　　　　if(!this.updateManager){
　　　　　　this.updateManager = new Ext.Updater(this);
　　　　}
　　　　return this.updateManager;
　　}

　　看Ext.Updater代码去也。

　　上面对于load的作用还没有说明。这儿正经地说一下：用于从一个ajax请求中获取数据并更新到此元素中。

　　Ext.Updater的主要功能有：

　　一、基于Ext.Ajax请求数据

　　二、能定时发送请求，也就是说能定时更新某一元素

　　三、能在更新时显示一个表示正在加载中的“指示器”字符串。

　　四、提供一个接口用于自定义数据显示：Ext.Updater.BasicRenderer。

　　功能还是蛮强悍的。

　　这是初步介绍，下一篇将将Ext.Updater的官方文档翻译一下。