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 触发录入项