小S

 1 布局概述从ext2.0开始，最具意义的改进之一就是布局。在创建优雅的程序布局时感受到易用性或灵活性方面带来的好处。在Ext 1.x，布局的开发集中围绕在BorderLayout、Region和ContentPanel几个类。 1.x BorderLayout已经可以方便地生成UI，但要真正创建属于自己的布局，还是没有足够的支持。 创建复杂的布局通常需要手工编写一些代码应付滚动条、嵌套和某些怪

 为组件添加事件的例子：   initEvents : function() {  Ext.ux.TextField.superclass.initEvents.call(this);  this.el.on("mouseover", this.onMouseOver, this); },  1,使用属性，仅限于拥有该属性的组件 tooltip :

1 数据视图概述 从继承关系来看，dataview继承了boxComponent的特性，而且可以方便的添加基本的事件监听。还值得庆幸的是，3.0对数据视图的支持上，又多了一个组件：listview。如果是开发的熟手，肯定对这个名字很熟悉，因为很多开发环境中都提供了类似的组件。这是一个轻量级的组件，如果对数据没有其他的一些处理，使用这个组件，会大大的提高性能。为数据的显示提供一种使用自定义布

3 技巧与优化3.1 特殊效果（下划线）  3.2 defaults属性妙用我们知道，panel中显示的任何元素都会不自觉的参与布局管理，那么如果设置，才能使得代码简洁和清晰呢？defaults属性是设置当前布局管理器中items各个元素的属性，如果可以充分利用这一点，我们就可以优化很多代码,先看例子： 实现如图所示的效果，相信大家使用常规的代码都可以实现，使用column布局。看看优化后的代码：

Ext与ajax1 Ext中的ajaxEXT与后台交换数据时，很大程度上依赖于底层实现的Ajax。所谓底层实现，就是说很可能就是我们之前提到的 Prototype、jQuery或YUI中提供的Ajax功能。为了统一接口，EXT在它们的基础上进行了封装，让我们可以用同一种写法“游走”于各种不同的底层实现之间。1.1 最容易看到的Ext.AjaxExt.Ajax的基本用法如下所示。Ext.Ajax

一般来说，组件的对象架构满足了“能运行（Just Works）”这一基本要求。架构在设计上已是调控好了大多数组件是怎样处理的，而且对最终开发者是透明的。 不过，若对组件对象扩展，或是有些需要制定的地方，就要利用一定的时间去实现。 深入理解组件对象的生存周期会是非常好的帮助。下面的内容就是对基于组件的每个类，一个周期内各个重要阶段作出解释：4.1 初始化Initialization 1. 配置项

1 Form概述Formpanel是一个重要的页面组件，在具体的应用开发中，信息的添加和修改，数据的提交和加载， 都离不开formpanel的支持。Formpanel自动实现了form布局模式。　　虽然没有列出的选项,配置FormPanel一样,FormPanel类还接受了所有的配置选项要求配置内部Ext.form.BasicForm为文件上传或提供的功能,验证并递交了加载形式。　　注:如果子类F

 浏览器基础 3 核心组件模型完整的oo支持，成熟通用的小部件，主题，良好的扩展性，快速的更新和发布，快速开发。在程序中经常看见这样的调用：superclass.Constructor：用于指定超类或者基类的构造。JS应用call方法运行构造函数，在适用范围内，第一个参数总是this，以保证构造机器工作在调用函数的作用域内，其他参数作为父类传给构造函数。•组件生存周期：创建，渲染和销毁，此

 1 对JS基本类型的扩展1.1 Ext类addBehaviors( Object obj ) : void对选择的元素 应用事件侦听器,事件名以@附加在结尾,例如addBehaviors({   // id=foo下所有的a标签加入click事件   #foo a@click : function(e, t){       // do something   },   // 用,分隔多个

1. EXTJS官方信息要使用ExtJS，那么首先要得到ExtJS 库文件，该框架是一个开源的，可以直接从官方网站下载，网址http://extjs.com/products/extjs/download.php，进入下载页面可以看到大致如图xxx 所示的内容，当前可以选择的最高版本为3.0，本教程使用的3.0 版本。 http://extjs.com/是EXTJS的官方网站，上面有很多资料，应该