Skip to content

可视化组件分类

controls.json 中可在桌面设计器画布中操作的 38 个组件。

Updated View as Markdown

此分类以 controls.json 的源码元数据为准。纳入条件为:叶子节点定义了 general.xtype,且没有设置 general.design: falsetype 是保存到 XWL 的节点类型,xtype 是设计器预览时创建的 Ext 组件类型。

页面与容器

组件 type xtype 用途
面板 panel panel 常规内容容器。
窗口 window window 独立窗口容器。
表单 form form 承载表单字段的容器。
标签页 tab tabpanel 多页签容器。
字段集 fieldset fieldset 为一组字段提供标题和边框。
容器 container container 通用布局容器。
基础组件 comp component 无专用 UI 的 Ext 基础组件。
工具栏 toolbar toolbar 按钮和工具项的横向容器。

表单与交互

组件 type xtype 用途
按钮 button button 触发点击事件或命令。
标签 label label 显示静态文本。
文本框 text uppertextfield 项目扩展的文本输入字段。
数字框 number numberfield 数值输入。
多行文本 textarea textarea 多行文本输入。
下拉框 combo combo 从数据项中选择值。
日期 date datefield 日期输入。
时间 time timefield 时间输入。
日期时间 datetime datetimefield 日期和时间输入。
精细日期时间 datetimedetail datetimedetailfield 项目扩展的精细日期时间输入。
文件 file filefield 选择上传文件。
复选框 check checkbox 布尔选择。
单选框 radio radio 单项选择。
月份 dateMonth monthfield 月份选择。

数据视图

组件 type xtype 用途
数据视图 dataview dataview 用模板显示记录集合。
表格 grid grid 以列和行展示数据。
tree treepanel 展示层级数据。
属性表格 propertygrid propertygrid 以属性名和值展示对象。

扩展组件

组件 type xtype 用途
图片 image image 显示图片资源。
字段容器 fieldcontainer fieldcontainer 为字段组合提供标签和布局。
复选组 checkgroup checkboxgroup 管理一组复选框。
单选组 radiogroup radiogroup 管理一组单选框。
显示字段 displayfield displayfield 显示只读值。
HTML 编辑器 htmleditor htmleditor 编辑富文本 HTML。
滑块 slider slider 输入连续数值。
按钮组 buttongroup buttongroup 对按钮作分组布局。
颜色字段 colorfield colorfield 项目扩展的颜色输入字段。
控件选择器 picker controlpicker 弹出选择控件。

图表

组件 type xtype 用途
ECharts 图表 echart echart 项目封装的 ECharts 图表组件。
Ext 图表 chart chart Ext JS 图表组件。

非画布条目

以下注册分组没有纳入上表:Data AccessServerTouchBootstrapsupccan 的条目均设置了 general.design: false,或没有桌面 xtypeList Viewcolumntableviewfeatureediting 是表格的子配置;Charts 中的轴、序列、标题、提示框等是图表配置子节点。这些条目仍由同一注册表管理,且会参与 XWL 保存和运行时解析。

Navigation

Type to search…

↑↓ navigate↵ selectEsc close