Ext组件的基本使用

Ext组件的基本使用
1、组件概念
　　所谓组件，简单来说，就是指可以复用的应用程序组成部件。Ext最大特点，就是拥有一个庞大、功能齐全、结构及层次分明的组件体系，并在组件的基础上进一步封装出各种实用的控件。我们在开发的时候，只需要直接使用这些组件及控件，就可以创建出丰富多彩的应用程序界面。比如说窗口、树、表格、选项板、工具栏、菜单等都是可以直接复用的组件及控件。
　　Ext组件是由 Component其及子类定义，每一种组件都有一个指定的xtype属性值，通过该值可以得到一个组件的类型或者是定义一个指定类型的组件。我们学习及使用Ext，其实也就是学习Ext组件/控件的各种功能及使用方法。
　　组件的基本使用:组件定义，组件初始化，组件渲染(显示)。

2、组件XType
　　Ext中，每一个组件都有一个类来定义，比如说按钮组件的类是Ext.Button类，窗口控件的类是Ext.Window，树控件的类是Ext.tree.TreePanel。除了可以通过类名来标识某一种组件以外，Ext还提出了一个xtype的概念，我们可以理解为组件类名的缩写，比如说Ext.tree.TreePanel类对应的类缩写名称为treepanel。当一个组件创建了以后，我们可以通过组件的getXType()方法来得到这个组件的xtype值，还可以通过getXTypes()方法来得到这个组件所属的所有类名，比如：component/box/field/textfield。
　　xtype的主要作用是通过在配置选项中指定xtype方的组件使用法，来实现组件的延迟初始化。
　　xtype只能用于定义子元素。顶级元素必须使用new 类名来明确初始化。

3、组件配置选项
　　配置选项是Ext组件非常重要的特性，在大多数Ext组件中，都支持在构造函数中传递一个对象作为参数，在这个对象中包含组件的详细描述信息，比如多高、多宽、有多少子元素等等，Ext就是根据这些参数来创建组件对象的。
　　配置选项在组件初始化的时候使用。

4、组件属性
　　所属就是指组件对象的一些内在特性，从面向对象的角度来说，属性就是用来描述对象的具体状态的。
　　一个对象最基本的成员就是属性与方法。当我们创建并初始化了一个组件以后，他在内存里面就表现为一个对象，这个对象也就具有了自己特定的属性信息。
　　我们可以在程序中直接访问这些属性来得到这个组件对象的特定信息。比如说，我们要判断一个组件是否处隐藏，可以通过下面的的代码：
if(panel.hidden){
//doSomething
}
这里panel.hidden的hidden就是panel对象的属性。

　　属性从是否可以改变其值这一点来看，可以分为只读属性以及可读写的属性两种。由于可以通过方法（也就是动作）来直接改变对象的状态信息，因此，Ext组件中的大多数属性都是只读的，在API中通过Read-only来进行标注，这一点一定要注意。
　　由于是动态语言，因此即使是只读属性，你仍然可以使用panel.hidden=true这样的语句来改变他的值，但是却达不到把组件隐藏的效果，而且会造成组件工作的不正常，因此我们不能随便改写标注为只读属性的值。比如，我们要隐藏一个组件对象，应该通过panel.hide()方法来进行。
在查看API的时候，每一个组件都有Public Properties这一节，这里面就会列出了这个组件所具有各种公开属性。

5、组件的方法
　　组件的另外一个重要特性：方法，也就是对象的动作。大部分的类都有自己的的方法，方法主要用来改变或读取组件的状态，让组件执行指定的动作等。我们在使用Ext的时候，经常需要进行控件的交互，动态改变组件的相关信息，这时就需要调用组件的相关方法。
　　组件的方法在API方法中的Public Method一节只进行了详细的介绍。下面我们来看看每一个组件所共有的部分方法：
　　在编写Ext应用的过程中，我们经常需要查询API，看看这个组件有哪些方法，需要传递什么样的参数，返回什么样的结果，返回结果的类型等等。因此，大家对API一定要熟悉才行。

6、另外，组件还定义了一系列的事件，可以通过监听这些事件来实现交互程序开发。