强大的EXT最新使用手册（中文）(5)

myNameSpace.app = function() { // 元素还没创建,未能访问 // 私有变量 var btn1; var privVar1 = 11; // 私有函数 var btn1Handler = function(button, event) { alert('privVar1=' + privVar1); alert('this.btn1Text=' + this.btn1Text); }; // 公共空间 return { // 公共的属性,如,要转译的字符串 btn1Text: 'Button 1' // 公共方法 , init: function() { btn1 = new Ext.Button('btn1-ct', { text: this.btn1Text , handler: btn1Handler }); } }; }(); //程序底部 // 文件底部 变量btn1 和privVar1 是私有的。 那意味着在程序外部他们是不能够被访问的，而且也不可见。私有函数btn1Handler也是同样道理。

另外一个方面，btn1Text是公共变量所以可以被程序外部访问或者是修改（我们稍后将会演示）。 函数init是特权的，即是私有变量和公共变量两者都可以被它访问到。在本例中，公共变量this.btn1Text和私有函数btn1Handler都能够被特权函数init所访问。同时，相对外界来说，它也属于公共成员的一种。

Ok,运行看看。能看到左上角的按钮吗？很好，点击它。得到一个privVar1=11的警告。这说明私有函数能访问私有变量。

但是在第二个警告中遇到了this.btn1Text=undefined的问题，这好像不应该这样。个中原因是因为位

于事件句柄(event handler)中的变量this没有正确指向到我们的程序。你需要用scope:this 指明这个作用域（这里的this关键字所指示的scope应该是btn1变量）： btn1 = new Ext.Button('btn1-ct', { text: this.btn1Text , handler: btn1Handler , scope: this }); 刷新一下，可以了吧？

重写公共变量

在applayout.js底部加入下列代码： Ext.apply(myNameSpace.app, { btn1Text:'Taste 1' }); // 文件底部 这代码是用来干什么的呢？首先它创建了我们的程序对象然后改变（重写）公共变量btn1Text的值。运行后将看到按钮上文字的变化。

把文本都放到公共变量，以便于以后的国际化翻译工作，而不需要修改程序的内部代码。

当然你也可以将其它的值例如尺寸、样式、等等的总之是可自定义的选项都放到公共变量中。免于在数千行代码之中为查找某个颜色而费劲。

重写（Overriding）公共函数

接着更改一下代码，让它读起来是这样的： Ext.apply(myNameSpace.app, { btn1Text:'Taste 1' , init: function() { try { btn1 = new Ext.Button('btn1-ct', { text: this.btn1Text , handler: btn1Handler , scope: this }); } catch(e) { alert('错误: \发生在行： ' + e.lineNumber); } } }); // end of file 我们这里将init重写了一篇，主要是在原来代码的基础上加入异常控制，以便能够捕获异常。试运行一下看还有没有其它的变化？

嗯 是的，出现了btn1Handler 未定义的错误。这是因为新的函数虽然尝试访问私有变量但它实际是不允许的。正如所见，原init是特权函数可访问私有空间，但新的init却不能。之所以不能访问私有空间，是因为：禁止外部代码No code from outside，哪怕是尝试重写特权方法。

DomQuery基础

本教程旨在为读者了解怎样利用单例对象Ext.DomQuery,浏览穿梭于DOM树之中和获取对象，提供一个起点。

DomQuery基础

DomQuery的select函数有两个参数。第一个是选择符字符（selector string ）而第二个是欲生成查询的标签ID(TAG ID)。

本文中我准备使用函数“Ext.query”但读者须谨记它是“Ext.DomQuery.select()”的简写方式。

这是要入手的html： I'm a div ==> my id: bar, my class: foo An ExtJs link my id: foo, my class: bar

I'm a P tag within the foo div