本文介绍控制台的页面组件,供您在搭建页面时使用。
基本组件说明
分类 | 组件 | 说明 |
数据容器 | 绑定单个数据源上下文的容器,为容器中组件提供数据源,对页面布局无影响。 | |
绑定列表数据源上下文的容器,为容器中组件提供数据源,对页面布局无影响。 | ||
图库组件以网格容器的形式展示数据对象,可以快速实现网格布局效果。 | ||
布局 | 一个通用型的内容包裹容器,支持拖拽放置任何组件进去,在不使用属性的情况下,其对内容或布局没有任何影响。 | |
容器组件,相当于行,内部可分两栏(列)。也可以手动复制分栏,插入多栏,每一栏都可以拖入其他组件。 | ||
标签容器包含一个或多个标签页,支持在每一个标签页中放置不同的组件,标签页之间通过标签进行切换。 | ||
一条水平或竖直的分割线,可用于页面布局或者分块。 | ||
用于展示轮播图效果的容器组件。 | ||
动态标签容器组件以数据驱动的方式展示一个或多个标签页,支持在每一个标签页中放置组件,标签页之间通过标签进行切换。 | ||
动态轮播容器可以绑定一个数据源列表,将列表的每一项都渲染为一个轮播项,用于呈现定制的轮播图内容。 | ||
对于复杂区域进行分组和隐藏,保持页面的整洁。 | ||
通用 | 语义化的矢量图形。 | |
表示一个可点击的控制按钮,通常与事件绑定,完成特定功能。 | ||
徽标按钮,带有特定短语内容的通用按钮,可以使用它来设置按钮以达到某种样式意图。 | ||
输入 | 文本输入框,表单单行文本的输入交互组件。 | |
表示文本的一个段落,用于展示页面上的文本内容。 | ||
包含数据的下拉选择,绑定表格数据源上下文的容器,为容器中组件提供单选菜单。 | ||
包含数据的单选按钮,绑定表格数据源上下文的容器,为容器中组件提供单选按钮。 | ||
用于选项菜单有且仅有两个值的单项选择,或者切换某个选项的选中状态,以实现从一组互斥的选项组中选择一项。 | ||
用于日期选择或输入,可以选择或输入日期,支持年、月、日期等类型,支持选择范围。 | ||
用于选项菜单有且仅有两个值的单项选择,或者切换某个选项的选中状态,以实现从一组互斥的选项组中选择一项。 | ||
滑动开关,仅用于绑定布尔型字段。 | ||
表单选项菜单的输入交互组件。 | ||
数字选择器组件,通过鼠标点击数字增加或减少按钮,快速增加或减少要输入的数字,可以灵活配置步数和精度。 | ||
评分组件以评分的形式展示、编辑数据。 | ||
标签组件可以用于以标签样式展示或者编辑数据。 | ||
文本 | 可编辑一行的文本控件,适用于普通文本输入。 | |
媒体 | 嵌入页面的图像展示组件,适应于静态图片上传。 | |
表单图片的输入交互组件,与图片类型字段绑定,适应于应用运行过程中的图片动态替换。 | ||
表单文件的输入交互组件,与文件类型字段绑定。 | ||
文件下载按钮,实现指定文件下载功能。 | ||
实现静态和动态视频文件的播放。支持添加视频封面,支持样式调整,包括宽度、高度、间距等,支持视频播放组件功能选择,包括是否显示进度条、是否静音、是否自动播放、是否倍速播放、是否循环播放等。 | ||
实现静态和动态视频文件的播放。支持样式调整,包括宽度、高度、间距等。设计时支持PDF展示组件功能选择,包括是否支持下载、是否支持打印、是否显示缩略图、是否显示目录等。运行时支持PDF缩略图显示、PDF目录显示、PDF页数显示和跳转、PDF缩放比例显示和调整、PDF适合页面大小和适合页面宽度切换、PDF文件下载、双页试图、演示实图。 | ||
反馈 | 气泡组件用于当用户与一些组件发生交互动作时, 跟随该动作展示辅助或帮助的提示信息。 | |
进度条组件用于展示业务操作的当前进度。 | ||
导航 | 显示在页面顶部的页面索引组件,可配置为一级导航或二级导航。 | |
显示在页面侧边的页面索引组件,可配置为一级导航或二级导航。 | ||
显示在页面顶部的页面索引组件,可自由选择导航项作为三级导航。 | ||
显示当前页面在系统层级结构中的位置,并能向上返回。 | ||
图表 | 绘制柱状图的组件,主要用于展示数据之间的大小的对比。 | |
绘制饼状图的组件,主要用于展示数据在总体数据中的占比。 | ||
绘制折线图的组件,又称曲线图,主要用于展示曲线升降变化,来表示统计指标数值的变化。 | ||
高级 | 步骤条组件用于展示完成一个流程的多个步骤和步骤状态。 | |
数据集成组件,支持通过Excel批量导入数据。 | ||
用于显示,和允许用户通过选择关联对象来选择一对一或一对多关联的值。 | ||
用于显示,和允许用户通过选择关联对象来选择多对多关联的值。 | ||
Iframe用于嵌套外部网站,也可以嵌套HTML内容。 | ||
数据表格以表格格式显示对象列表,实际上是一个固定的列集合,绑定表格数据源上下文的容器,为容器中组件提供数据源,对页面布局无影响。 | ||
根据绑定的数据,展示时间线上不同节点的状态和内容。 | ||
树形容器组件绑定一个实体对象列表,将列表的每一项都作为一个可展开的节点,渲染出一个类似Data的数据容器,可通过嵌套树形容器呈现树形结构数据。 | ||
穿梭框组件是一种穿梭框形式的动态数据选择组件。 | ||
日历组件以一个日历形式展示和输入日期数据。 | ||
自定义 组件 | 自定义组件是根据业务需求实现特定功能的页面组件。自定义组件的使用方法请参见:添加或引用自定义页面组件 |