extjs控件列表

### ExtJS控件详解 #### 基本组件 **Ext.Button** - **描述**: 提供了一种标准的用户交互方式，通常用于触发特定事件或功能。 - **用途**: 创建按钮，可以设置图标、文本、工具提示等。 **Ext.SplitButton** - **描述**: 一种带有下拉菜单的按钮，允许用户进行更复杂的选择或操作。 - **用途**: 适用于需要提供多个选项的场景，如文件操作中的“保存”、“另存为”等。 **Ext.CycleButton** - **描述**: 具有下拉选项菜单的按钮，用户可以通过点击循环选择不同的选项。 - **用途**: 在需要频繁切换预设选项的界面中使用，如切换视图模式。 **Ext.ButtonGroup** - **描述**: 一组按钮的容器，可以统一管理这些按钮的布局和样式。 - **用途**: 创建功能相关的按钮组，提高界面整洁度和操作效率。 **Ext.Slider** - **描述**: 提供了通过拖动滑块来调整数值的功能。 - **用途**: 用户界面中常见的用于调整音量、亮度等参数的组件。 **Ext.ProgressBar** - **描述**: 显示任务进度的可视化组件。 - **用途**: 在长时间运行的任务中显示完成百分比，增强用户体验。 **Ext.StatusBar** - **描述**: 底部状态栏，用于显示系统或应用的状态信息。 - **用途**: 常见于应用程序底部，显示操作结果、系统状态等。 **Ext.ColorPalette** - **描述**: 色彩选择面板，用户可以选择或输入颜色值。 - **用途**: 图形设计、主题定制等场景中选择或匹配颜色。 **Ext.DatePicker** - **描述**: 日期选择面板，提供直观的日期选择界面。 - **用途**: 输入或修改日期时，提供更友好的用户体验。 #### 容器及数据类组件 **Ext.Window** - **描述**: 可移动、可调整大小的窗口组件。 - **用途**: 创建独立的弹出窗口，用于显示额外信息或执行特定操作。 **Ext.ViewPort** - **描述**: 代表浏览器的可视区域，可自动调整大小以适应窗口尺寸变化。 - **用途**: 作为主布局容器，确保页面内容在不同屏幕尺寸上自适应。 **Ext.BoxComponent** - **描述**: 盒子组件，类似于HTML中的`<div>`标签，用于布局。 - **用途**: 创建可自定义大小和样式的布局区域。 **Ext.Component** - **描述**: 所有组件的基础类，提供了基本的组件行为和配置选项。 - **用途**: 不直接实例化，但作为其他组件的基类使用。 **Ext.Container** - **描述**: 容器组件，可以包含其他组件并控制其布局。 - **用途**: 组织和布局页面元素，如导航菜单、侧边栏等。 **Ext.Panel** - **描述**: 面板组件，具有标题、工具栏、布局等功能。 - **用途**: 创建包含标题、工具栏和内容区域的可折叠面板。 **Ext.TabPanel** - **描述**: 选项卡面板，可以在多个面板之间切换。 - **用途**: 实现多标签页界面，便于组织大量信息。 **Ext.tree.TreePanel** - **描述**: 树型面板，用于展示层次结构的数据。 - **用途**: 文件系统、目录结构的可视化表示。 **Ext.FlashComponent** - **描述**: 用于显示Flash内容的组件（尽管现在已很少使用）。 - **用途**: 在不支持HTML5的旧版浏览器中展示富媒体内容。 **Ext.grid.GridPanel** - **描述**: 表格组件，用于显示和编辑数据。 - **用途**: 数据列表、报表等需要展示大量数据的场景。 **Ext.grid.EditorGridPanel** - **描述**: 可编辑的表格组件，允许用户直接在表格中编辑数据。 - **用途**: 管理系统中的数据编辑功能。 **Ext.grid.PropertyGrid** - **描述**: 属性表格，用于显示对象的属性及其值。 - **用途**: 查看和编辑对象的属性，如设备参数、用户设置等。 **Ext.Editor** - **描述**: 编辑器组件，用于编辑各种类型的数据。 - **用途**: 文本编辑、数据输入等场景。 **Ext.DataView** - **描述**: 数据显示视图，用于灵活地显示不同类型的数据。 - **用途**: 除了表格，还可以用于卡片式、列表式等多种数据展示方式。 **Ext.ListView** - **描述**: 列表视图，用于显示列表形式的数据。 - **用途**: 新闻列表、联系人列表等。 #### 工具栏组件 **Ext.PagingToolbar** - **描述**: 分页工具条，用于处理大数据集的分页显示。 - **用途**: 大量数据的分页浏览，如商品列表、文章列表等。 **Ext.Toolbar** - **描述**: 工具栏组件，用于放置工具按钮和其他工具栏项。 - **用途**: 应用程序顶部或底部的常用操作按钮集合。 **Ext.Toolbar.Button** - **描述**: 工具栏按钮，专为工具栏设计的按钮组件。 - **用途**: 工具栏上的功能按钮，如刷新、搜索等。 **Ext.Toolbar.Fill** - **描述**: 工具栏填充区，用于在工具栏项之间添加空白空间。 - **用途**: 保持工具栏项之间的间距美观。 **Ext.Toolbar.Item** - **描述**: 工具条项目，工具栏上的任意组件或元素。 - **用途**: 自定义工具栏上的项目，如自定义控件。 **Ext.Toolbar.Separator** - **描述**: 工具栏分隔符，用于在工具栏项之间添加视觉分隔。 - **用途**: 分组工具栏上的按钮或其他项目。 **Ext.Toolbar.Spacer** - **描述**: 工具栏空白，用于创建工具栏上的空白区域。 - **用途**: 保持工具栏项的对齐和间距。 **Ext.Toolbar.SplitButton** - **描述**: 工具栏分隔按钮，带有下拉菜单的工具栏按钮。 - **用途**: 提供扩展功能或选项的工具栏按钮。 **Ext.Toolbar.TextItem** - **描述**: 工具栏文本项，用于在工具栏上显示文本。 - **用途**: 显示状态信息或简短提示。 #### 菜单组件 **Ext.menu.Menu** - **描述**: 菜单组件，用于创建下拉菜单或上下文菜单。 - **用途**: 提供快捷访问或选项的菜单，如右键菜单。 **Ext.menu.ColorMenu** - **描述**: 颜色选择菜单，用于选择颜色。 - **用途**: 颜色选择器，如文本颜色、背景颜色等。 **Ext.menu.DateMenu** - **描述**: 日期选择菜单，用于选择日期。 - **用途**: 快速选择日期，如日历应用。 **Ext.menu.CheckItem** - **描述**: 选项菜单项，用于创建可勾选的菜单项。 - **用途**: 提供多个选项，用户可以选择一个或多个。 **Ext.menu.Item** - **描述**: 菜单项，菜单的基本组成部分。 - **用途**: 单个菜单选项，用户点击后执行相应操作。 **Ext.menu.Separator** - **描述**: 菜单分隔线，用于在菜单项之间添加视觉分隔。 - **用途**: 区分不同的菜单部分或功能组。 **Ext.menu.TextItem** - **描述**: 文本菜单项，用于在菜单中显示不可操作的文本。 - **用途**: 提示信息或标题，增强菜单的可读性。 #### 表单及表单域组件 **Ext.FormPanel** - **描述**: 表单面板，用于组织和管理表单元素。 - **用途**: 创建复杂的表单，如用户注册、登录表单。 **Ext.form.Checkbox** - **描述**: 多选框，用于选择一个或多个选项。 - **用途**: 问卷调查、权限设置等。 **Ext.form.ComboBox** - **描述**: 下拉框，提供一个可滚动的列表供用户选择。 - **用途**: 选择国家、地区、类别等。 **Ext.form.DateField** - **描述**: 日期选择项，用户可以输入或选择日期。 - **用途**: 事件日期、出生日期等。 **Ext.form.TimeField** - **描述**: 时间录入项，用户可以输入或选择时间。 - **用途**: 会议时间、提醒时间等。 **Ext.form.Field** - **描述**: 表单字段，所有表单元素的基类。 - **用途**: 不直接使用，但作为其他表单元素的基类。 **Ext.form.FieldSet** - **描述**: 表单字段组，用于将相关的表单元素分组。 - **用途**: 将逻辑相关的表单元素归类，如个人信息、地址信息等。 **Ext.form.Hidden** - **描述**: 表单隐藏域，用于存储不希望用户看到的数据。 - **用途**: 存储唯一标识符、会话ID等。 **Ext.form.HtmlEditor** - **描述**: HTML编辑器，用于编辑富文本。 - **用途**: 内容编辑、文档编写等。 **Ext.form.Label** - **描述**: 标签，用于标记表单元素。 - **用途**: 为表单元素提供描述性的标签，如“用户名”、“密码”。 **Ext.form.NumberField** - **描述**: 数字编辑器，用于输入数字。 - **用途**: 输入年龄、数量等数字数据。 **Ext.form.Radio** - **描述**: 单选按钮，用于从一组互斥的选项中选择一个。 - **用途**: 性别选择、首选语言等。 **Ext.form.TextArea** - **描述**: 多行文本框，用于输入多行文本。 - **用途**: 意见反馈、留言等。 **Ext.form.TextField** - **描述**: 表单文本框，用于输入单行文本。 - **用途**: 输入用户名、邮箱等。 **Ext.form.TriggerField** - **描述**: 触发录入项，结合图标和文本框，点击图标触发特定操作。 - **用途**: 日期选择器、下拉菜单的触发。 **Ext.form.CheckboxGroup** - **描述**: 编组的多选框，可以同时管理多个多选框。 - **用途**: 创建一组相关联的多选框，如兴趣爱好选择。 **Ext.form.DisplayField** - **描述**: 仅显示，不校验/不被提交的文本框。 - **用途**: 显示静态信息，如标题、说明文字。 **Ext.form.RadioGroup** - **描述**: 编组的单选按钮，可以同时管理多个单选按钮。 - **用途**: 创建一组相关联的单选按钮，如性别选择。 以上是ExtJS框架中常用的控件及其用途，通过合理运用这些控件，开发者可以构建功能丰富、交互流畅的Web应用界面。