extjs学习笔记

extjs库组成

• 底层API(core):提供了DOM操作、查询的封装、事件处理、DOM查询器等基本功能。
• 控件(widgets):提供给我们可以在页面上直接创建的可视化组件，比如 面板、选项栏、窗口、树、工具栏、按钮等，我们方便的使用这些控件来实现友好、交互性强的应用程序UI。
• 工具Utils: extjs提供了丰富的工具，比如我们可以方便的使用这些工具来进行数据内容的格式化、Date和Array处理，json数据的解码和反解码、ajax请求等。

extjs组件(如下图)

 

组件大致可以分为3类：基本组件、工具栏组件、表单及字段组件

 

   基本组件

• Ext.BoxComponent ----- 具有边框属性的组件
• Ext.Button -----按钮
• Ext.ColorPalette ----调色板
• Ext.Component ----组件
• Ext.Container  ---容器
• Ext.CycleButton
• Ext.DataView ---- 数据显示视图
• Ext.DatePicker ---- 日期选择面板
• Ext.Editor ---- 编辑器
• Ext.grid.EditorGridPanel ----可编辑的表格
• Ext.grid.GridPanel ----表格
• Ext.PagingToolbar ----工具栏中的间隔
• Ext.Panel ---- 面板
• Ext.ProgressBar ---- 进度条
• Ext.SplitButton ---- 可分裂的按钮
• Ext.TabPanel ----选项板
• Ext.tree.TreePanel ----树
• Ext.ViewPort ---- 视图
• Ext.Window ---- 窗口

    工具栏组件

• Ext.Toolbar ---- 工具栏
• Ext.Toolbar.Button ----按钮
• Ext.Toolbar.Fill ---- 文件
• Ext.Toolbar.Item ---- 项目
• Ext.Toolbar.Separator ---- 工具栏分隔符
• Ext.Toolbar.Spacer ----空白
• Ext.Toolbar.SplitButton 工具栏分隔按钮
• Ext.Toolbar.TestItem 工具栏文本项

    表单及字段组件

• Ext.FormPanel ---- 表单
• Ext.form.Checkbox ---- checkbox录入框
• Ext.form.ComboBox ---- combo 选择项
• Ext.form.DateField ---- 日期选项
• Ext.form.Field ---- 表单字段
• Ext.form.FieldSet ----表单字段组
• Ext.form.Hidden -----表单隐藏域
• Ext.form.htmlEditor ---- html编辑器
• Ext.form.NumberField ---- 数字编辑器
• Ext.form.Radio ---- 单选按钮
• Ext.form.TextArea---- 区域文本框
• Ext.form.TextField ---- 表单文本框
• Ext.form.TimeField ---- 时间录入项
• Ext.form.TriggerField ---- 触发录入项