EXTJS类库解析

Ext   JS 强大的类库

Ext JS是由一系列的JS类库组成，页面成功加载JS类库后，可以通过JavaScript来调用，ExtJS类和控件来实现需要的功能

ExtJs类库组成：

底层API：core

API中提供了对dom操作，查询的封装，事件处理，DOM查询器等操作，

其它控件都是建立在coreAPI的基础上，如DomHelper.js,Element.js

控件：widgets

控件是指可以直接在页面上创建的可视化组件，比如面板、选项板、表格、树、窗口、菜单、工具栏、按钮等等，

在widgets目录下包含了所有的UI组件，为了实现可视化用户交互

适用工具Utils:

工具包，为了我们方便实现数据格式化，JSON数据解码或反解码、对Date、Array、发送Ajax请求、Cookie管理、CSS管理等扩展等功能。是一个强大的工具包

重点可视化组件ext.component  该类是所有组件的父类

每一个组件有一个XType属性值，通过该属性值可以得到一个组件类型或者定义一个指定组件类型

组件分为三大类：基本组件，工具栏组件，表单及元素组件

基本组件：

xType                       class

   box Ext.BoxComponent 具有边框属性的组件

button Ext.Button 按钮

colorplatte Ext.ColorPlatte    调色板

component Ext.Component 组件

cycle Ext.CycleButton 清空按钮

dataview Ext.Dataview 数据显示视图

datePicker Ext.DatePicker 日期选择面板

editor Ext.Editor 编辑器

editorgrid Ext.EditorGridPanel 可编辑表格

grid Ext.grid.GridPanel 表格

paging Ext.PagingToolbar工具栏中的间隔

panel Ext.panel     面 板

progress Ext.Progressbar 进度条

splitButton Ext.SplitButton 可分割的按钮

tabPanel Ext.TabPanel 选项面板

treepanel Ext.tree.TreePanel 树

viewpost Ext.ViewPost 视图

window Ext.Window 窗口

工具栏组件：

Toolbar Ext.Toolbar    工具栏

Tbbutton Ext.Toolbar.Button 按钮

Tbfill Ext.Toolbar.Fill 文件

Tbitem Ext.Toolbar.Item 工具条项目

Tbseparator Ext.Toolbar.Separator 工具栏分隔符

Tbspacer Ext.Toolbar.Spacer 工具栏空白

Tbsplit Ext.Toolbar.SplitButton 工具栏分割按钮

Tbtext  Ext.Toolbar.TextItem 工具栏文本项

表单和元素组件：

Form Ext.FormPanel Form面板

Checkbox Ext.form.Checkbox    录入框

Combo Ext.form.ComboBox combo选项框

Datefield Ext.form.DateField 日期选择项

field Ext.form.Field 表单字段

filedset    Ext.form.FieldSet  表单字段组

hidden Ext.form.Hidden 表单隐藏域

htmleditor Ext.form.HtmlEditor html编辑器

numberfield Ext.form.NumberField 数字编辑器

radio Ext.form.Radio 单选按钮

textarea Ext.form.TextArea 区域文本框

textfield Ext.form.TextField 表单文本可可

timefield Ext.form.TimeField 时间录入项

trigger Ext.form.Trigger 触发录入项