Ext开发视频教程.pptVIP

Ext开发视频教程 开源人 作品 主讲：EasyJF开源团队 大峡 Ext框架中的组件及控件 主讲：EasyJF开源　大峡　　　 　 一、Ext组件及控件简介 组件/控件的基本概念 组件就是指可以复用的应用程序组成部件。我们在开发的时候，只需要直接使用这些组件及控件，就可以创建出丰富多彩的应用程序界面。窗口、树、表格、选项板、工具栏、菜单等都是可以直接复用的组件及控件。 回顾组件的使用示例 组件及控件的种类 1、Ext核心库中的组件； 2、Ext应用示例中的提供的扩展组件； 3、用户自定义的组件。 通过Ext API文档了解Ext的组件情况 二、组件的基本应用 组件的类别xtype Ext2中通过一个xtype来指定组件的类别唯一标识。 创建及使用组件的两种方法 1、使用new 操作符来创建组件对象； 2、在容器中使用xtype来使用组件。 组件的配置选项(options) 配置选项是Ext组件非常重要的特性，在大多数Ext组件中，都支持在构造函数中传递一个对象作为参数，在这个对象中包含组件的详细参数描述，Ext根据这些参数来创建组件。 组件渲染(render)及显示(show) 　组件只有在渲染后才能在页面中显示，可以通过多种方法来渲染及显示一个组件。 三、丰富多彩的Ext组件/控件 基础性的组件 容器组件 表格组件 树组件 菜单及工具栏 表单及字段 拖放处理 其它组件 四、 组件属性、方法 组件属性(Properties) 1、何时使用组件属性 2、只读属性 3、可读写的属性 组件方法(Methods) 1、组件方法的使用 2、公开方法 3、私有方法 五、 组件的事件及处理 事件及事件响应的概念 　　　　事件及事件处理其实就是当用户执行某一个状态，或者是对象执行某一个操作时，会给哪些关心这个动作的其它对象发送一个通知，那些对象（监听者）接受到通知后，会作具体的响应。 传统浏览器事件处理回顾 Ext对传统事件的封装及增强 1、在Event的基础上提供了一个EventObject； 2、全局的事件管理器EventManager； Ext组件的事件及响应 1、事件的触发； 2、事件的响应。 六、 Ext组件的生命周期 Ext组件的生命周期 理解组件生命周期的重要性 理解Ext组件生命周期对于我们应用好Ext组件乃到扩展Ext组件都非常重要。如果我们要编写自定义的组件或控件，就需要对生命周期中的各个子流程，钩子方法等非常熟悉，这样我们才能在自己的类中通过适当的钩子方法作作组件的处理！ 七、组件基类Componet详解 配置选项 属性 方法 事件 八、容器类Container组件详解 Container基本特性 Ext中的两大类容器 容器配置选项 容器属性 容器方法 容器事件 九、小结 Ext提供了庞大丰富的组件体系，学习Ext主要就是学习各种组件的功能、特性及使用方法； Ext组件的基类是Component，组件的配置选项、属性、方法及事件都是组件非常重要的特性，需要通过API来熟悉他们的功能及用法； 理解Ext组件生命周期、渲染及显示等对于用好Ext是非常关键的； 学习Ext组件及控件需要重点掌握Component及Container这两个基本的组件。 The End. 谢谢! * 一、初始化(Initialization) 1、配置选项处理 2、创建组件事件 3、注册组件 4、调用initComponent方法 5、状态初始化 6、加载组件插件 7、是否渲染 二、渲染(Rendering) 1、触发beforerender事件 2、设置container 3、调用onRender方法 4、使用自定义样式 5、触发render事件 6、调用afterRender 7、组件隐藏或禁用 三、销毁(Destruction) 1、触发beforeDestory事件 2、调用beforeDestory方法 3、删除元素监听及对应DOM 4、调用onDestory方法 5、注销组件ComponentMgr 6、触发destory事件 7、删除组件的事件 * * *