Extjs基础开发教程.doc

目 录 1 文档说明 3 2 词汇定义和图片 ： 4 Extjs ：XXXX 4 可以贴图说明结构（可选） 4 3 章节1 4 3.1 小章节： 5 3.2 小章节 5 A. 子章节 6 B. 子章节 6 1词汇定义和图片 ： Extjs ：基于html/css+javascript的Ajax框架，主要用于创建前端用户界面。Extjs是一个跨浏览器的应用, RIA(Rich Internet Applications)：富互联网应用具有高度互动性、丰富用户体验以及功能强大的客户端。(Model View Controller) 即把一个应用的输入、处理、输出流程按照Model、View、Controller的方式进行分离，这样一个应用被分成三个层——模型层、视图层、控制层Ext成型于YahooUI的Javascript库的扩展。在当时，Ext须依赖YUI的底层代码来处理跨浏览器的问题。现在ExtJS已经是独立、免依赖的库了（standalone ），你可将替换为另外你所选择javascript库，如prototype、jQuery、或者是这些之中的最佳选择,－Ext自带的底层库。负责将这些库（包括Ext自带的底层库）映射为Ext底层库的这部分代码，我们称之为适配器（Adapters）。JSON 即 JavaScript Object Natation，它是一种轻量级的数据交换格式Javascrip与其他的面向对象语言如java,.net不同,它并不是基于类而是基于原型的。 Javascvipt的类其实也可以看作是json和函数的一个深度的运用.(个人理解，不代表官方言论.欢迎探讨) 在javascript创建一个类非常的容易： //定义名为myClass的单例类 myClass = function{ //private zone var aVar= 15, //public zone return aMethod: function() { alert(Im a method of the object myObject. + aVar: + aVar); } }（）; myClass.aMethod（）； 上述是一个全局的单例类的写法.只要myClass不使用var声明,那么这个类相对于整个有效范围内是全局的.(有效范围是指当前页面). Function(){}后面加（）是使myClass成为一个单例类,在这里是闭包的一种实现。包括使函数里定义的属性成为私有属性，不对外开发。需要开放的属性与方法统统有return 处定义。 如果我们需要多次使用同一种类对象(可以多例化的类),那就必须用到javascript特有的一种东西:构造器函数和new关键字了. 使用构造器函数 在Javascript中没有类的，但是构造器是存在的。你可以编写一个函数，然后通过new关键字来创建一个对象。 // 首先，我们为我们的类定义一个构造器 VmyClass = function (config) { this.aVar = 15;//定义默认的aVar属性; this.aMethod = function() { alert(Im a method of the object myObject.); } } ? // 创建类的实例 var A = new myClass(); ? // 显示 15 alert(A.aVar); ? // 第二个实例 var B = new myClass(); 你必须使用prototype对象： // 我们定义了一个prototype对象的一个方法 myCtotype.sharedMethod = function() { alert(Im a shared method) } ? // 显示我们的信息 A.sharedMethod(); ? // 相同的信息 B.sharedMethod(); prototype JavaScript 的所有function类型的对象都有一个prototype属性。这个prototype属性本身又是一个object类型的对象，因此我们也可以给这个prototype对象添加任意的属性和方法。prototype是对象的“原型”，该函数构造出来的对象应该都会具有这个“原型”的特性。事实上，在构造函数的prototype上定义的所有属性和方法，都是可以通过其构造的对象直接访问和调用的。也可以说，prototype提供了一群同类对象共享属性和方法的机　ExtJS是一种用于在客户端创建丰富多彩的web应用程序界面可以用来开发RIA的AJAX应用，完全基于纯Html/CSS+JS技术，提供丰富的跨浏览器UI组件，灵活采用JSO