`
jayyanzhang2010
  • 浏览: 372558 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

Ext核心组件使用

阅读更多
1、概述
  Ext的组件非常多,要把所有的组件数完都比较难,更别说记住每一个组件提供的配置选项、属性、方法及事件了。学习Ext不能死记硬背,要掌握方法,注意寻找规律,Ext设计的优秀之处在于,他的组件体系层次结构是非常明确的。只要掌握了核心组件的一些核心特性,会让我们进行Ext应用开发将会获得事半功倍的效果。
2、Observable
  实现事件驱动功能,包括事件监听,事件触发及响应等,是所有组件的父类(因为Component继承Observable)。提供了addListener(on)、removeListener(un)、fireEvent等核心的事件操作方法。简单解读Observable API中每一个重要的特性。
3、Component
  Component也就是组件,Component是所有组件的父类;Component类提供了Ext组件共有的特性, 比如初始的流程、组件的配置选项应用、插件应用,组件渲染,组件公共的配置选项等。简单解读Component API中每一个重要的特性。
4、BoxComponent
  Component是抽象的,是没有现状的,可能是一个点,也可能是一条线,甚至可能是一些没有外观的东西。
  然而应用程序界面中的元素大多数都是有形状的,最基本的也就是盒子状,有高度,有宽度。BoxComponent组件就是用来表示这种具有高度及宽度的组件。简单解读BoxComponent的API中每一个重要的特性。
5、Container
  容器,是指能容纳其它东西的物件。对于控件来说,也就是能容纳其它子元素的控件。比如,表单里面即可以包含表单字段,也可以包含其它的文本、图片等元素;树里面包含树节点;而窗口中可以放置表单、树及选项板等各种各样的部件。因此,表单、树、窗口等等控件,都是容器组件。容器是用得最多的一种组件之一,因此Ext专门定义了一个容器组件类,在该类中包含了与容器相关的各种各样操作,包括如何管理(添加删除、查找)容器中的子元素,容器的渲染模式等,大多数控件都是Container的子类。
  容器最重要的特性就是能放置其它元素,容器里面的元素可以是容器,也可以是其它非容器组件;Ext容器有一个布局属性,Ext通过与容器关联的布局对象来处理容器中子元素的排列及显示信息。
  在应用程序中可以直接使用Container类,一般更多的时候是使用他的子类,有两大类型的容器,一个是代表整个浏览器窗口的Viewport,另外一种是面板Panel。面板panel是使用得非常多的容器,很多控件都是继承自Panel。
  Container中大概有哪些方法?组件查找、往容器中加东西、往容器中删除东西等等。简单解读Container的API中每一个重要的特性。
6、Panel
  面板Panel是ExtJS控件的基础,很多高级控件都是在面板的基础上扩展的,还有其它大多数控件也都直接或间接与它有关系。应用程序的界面一般情况下是由一个一个的面板通过不同组织方式来形成。
  默认情况下,我们使用{}定义子元素时,如果不写xtype,则默认就是面板。
分享到:
评论

相关推荐

    ext 组件 核心代码

    NULL 博文链接:https://ku-sunny.iteye.com/blog/1606931

    前端组件ext-4.2.1-gpl.zip

    ext安装包,解压自行安装哟.它提供了丰富的,非常漂亮的外观体验,成为众多界面层开发人员的追捧!其核心的组件基本覆盖了我们构建富客户端的常用的组件。

    Ext 学习中文手册

    Element:Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使用Ajax 9 EXT源码概述 11 揭示源代码 11 发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器Adapters 13 核心Core 13 Javascript中的...

    Ext3.0官方实例

    其核心的组件基本覆盖了我们构建富客户端的常用的组件。  从 Ext 2开始,商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。  目前的最新版本为3.0,该版本是在2009年5月4日发布的。

    最正宗的ext帮助文档

    其核心的组件基本覆盖了我们构建富客户端的常用的组件。 从 Ext 2开始,商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。 目前的最新版本为3.2.1,该版本是在2010年4月27日发布的。

    EXT简体中文参考手册(PDF&CHM电子档)

    Element:Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使用Ajax 9 EXT源码概述 11 揭示源代码 11 发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器Adapters 13 核心Core 13 Javascript中的...

    EXT 中文帮助手册

    4 Element:Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使用Ajax 9 EXT源码概述 11 揭示源代码 11 发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器...

    深入浅出Ext.JS (7)

    全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...

    深入浅出Ext.JS (6)

    全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...

    深入浅出Ext.JS (4)

    全书由一个可以引领读者快速入门的“hello world”示例开篇,紧接着对ext js的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后以一...

    ext js 中文手册

    ext是强大的js类库 它提供了丰富的,非常漂亮的外观体验,成为众多界面层开发人员的追捧!其核心的组件基本覆盖了我们构建富客户端的常用的组件。

    EXT 中文手册

    4 Element:Ext的核心 4 获取多个DOM的节点 5 响应事件 5 使用Widgets 7 使用Ajax 9 EXT源码概述 11 揭示源代码 11 发布Ext源码时的一些细节 12 我应该从哪里开始? 13 适配器...

    .net EXT学习资料与源码

    其核心的组件基本覆盖了我们构建富客户端的常用的组件。  从 Ext 2开始,商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。  目前的最新版本为3.0RC,该版本是在2009年4月15日发布的...

    ext 4.0 好东西

    ext是一个强大的js类库,以前是基于YAHOO...其核心的组件基本覆盖了我们构建富客户端的常用的组件。 从 Ext 2开始,商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。 目前的最新版本为4.0

    Ext Js.rar

    Ext是一个强大的js类库,以前是基于...其核心的组件基本覆盖了我们构建富客户端的常用的组件。 从 Ext 2开始,商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。 目前的最新版本为4.0。

    ext 狠多 学习资料

    ext 狠多 学习资料。。。 extAjax支持.pdf ext基础核心结构.pdf Ext.pdf Ext PPT教程 (组件)

    深入浅出Ext JS (含源代码非完整版)

    全书由一个可以引领读者快速入门的“Hello World”示例开篇,紧接着对Ext JS的事件、核心组件、表格和表单等各种控件、树形结构、拖放、弹出窗口、布局、数据存储和传输、实用工具和扩展等进行了详细讲解,最后一个...

    ext 基础教程免费下载

    其核心的组件基本覆盖了我们构建富客户端的常用的组件。  从 Ext 2开始,商业版(针对那些以盈利为目的的开发方)要收费了。这可能会影响一些他的应用前景。  目前的最新版本为3.2.1,该版本是在2010年4月27日发布的...

    Extjs 6.2 最新sdk ext-6.2.0-gpl.zip

    全面的核心框架,具有最新的Javascript标准支持 新的漂亮组件和主题,以创建漂亮的企业应用程序 现代工具链,用于构建优化,高性能,通用的应用程序 用于可视化构建应用程序的生产力工具,可视化地显示应用程序和IDE...

    ExtJS源码分析与开发实例宝典--书中代码

    快速入门部分讲解Ext JS的背景及体系结构,并通过案例实现让 读者快速...深入组件的开 发部分讲解Ext JS组件的原理及各大组件的应用,包括组件模型、容器模型、布局设计、Form组件、 Grid组件、Tree组件及Menu组件。

Global site tag (gtag.js) - Google Analytics