Ext开发视频教程.ppt

Ext开发视频教程开源人 作品主讲：主讲：EasyJF开源团队 大峡 Ext框架中的组件及控件主讲：主讲：EasyJF开源大峡 http:/一、Ext组件及控件简介组件/控件的基本概念组件就是指可以复用的应用程序组成部件。我们在开发的时候，只需要直接使用这些组件及控件，就可以创建出丰富多彩的应用程序界面。窗口、树、表格、选项板、工具栏、菜单等都是可以直接复用的组件及控件。回顾组件的使用示例组件及控件的种类1、Ext核心库中的组件；2、Ext应用示例中的提供的扩展组件；3、用户自定义的组件。通过Ext API文档了解Ext的组件情况二、组件的基本应用组件的类别xtypeExt2中通过一个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组件都非常重要。如果我们要编写自定义的组件或控件，就需要对生命周期中的各个子流程，钩子方法等非常熟悉，这样我们才能在自己的类中通过适当的钩子方法作作组件的处理！一、初始化一、初始化(Initialization)1、配置选项处理2、创建组件事件3、注册组件4、调用initComponent方法5、状态初始化6、加载组件插件7、是否渲染二、渲染二、渲染(Rendering)1、触发beforerender事件2、设置container3、调用onRender方法4、使用自定义样式5、触发render事件6、调用afterRender7、组件隐藏或禁用三、销毁三、销毁(Destruction)1、触发beforeDestory事件2、调用beforeDestory方法3、删除元素监听及对应DOM4、调用onDestory方法5、注销组件ComponentMgr6、触发destory事件7、删除组件的事件七、组件基类Componet详解配置选项属性方法事件八、容器类Container组件详解Container基本特性Ext中的两大类容器容器配置选项容器属性容器方法容器事件九、小结Ext提供了庞大丰富的组件体系，学习Ext主要就是学习各种组件的功能、特性及使用方法；Ext组件的基类是Component，组件的配置选项、属性、方法及事件都是组件非常重要的特性，需要通过API来熟悉他们的功能及用法；理解Ext组件生命周期、渲染及显示等对于用好Ext是非常关键的；学习Ext组件及控件需要重点掌握Component及Container这两个基本的组件。The End.谢谢!