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,则默认就是面板。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值