简介

本文介绍控制台的页面组件,供您在搭建页面时使用。

基本组件说明

分类

组件

说明

数据容器

Data

绑定单个数据源上下文的容器,为容器中组件提供数据源,对页面布局无影响。

List

绑定列表数据源上下文的容器,为容器中组件提供数据源,对页面布局无影响。

Gallery

图库组件以网格容器的形式展示数据对象,可以快速实现网格布局效果。

布局

容器

一个通用型的内容包裹容器,支持拖拽放置任何组件进去,在不使用属性的情况下,其对内容或布局没有任何影响。

栅格

容器组件,相当于行,内部可分两栏(列)。也可以手动复制分栏,插入多栏,每一栏都可以拖入其他组件。

标签容器

标签容器包含一个或多个标签页,支持在每一个标签页中放置不同的组件,标签页之间通过标签进行切换。

分隔符

一条水平或竖直的分割线,可用于页面布局或者分块。

轮播容器

用于展示轮播图效果的容器组件。

动态标签容器

动态标签容器组件以数据驱动的方式展示一个或多个标签页,支持在每一个标签页中放置组件,标签页之间通过标签进行切换。

动态轮播容器

动态轮播容器可以绑定一个数据源列表,将列表的每一项都渲染为一个轮播项,用于呈现定制的轮播图内容。

折叠面板

对于复杂区域进行分组和隐藏,保持页面的整洁。

通用

图标

语义化的矢量图形。

按钮

表示一个可点击的控制按钮,通常与事件绑定,完成特定功能。

徽标

徽标按钮,带有特定短语内容的通用按钮,可以使用它来设置按钮以达到某种样式意图。

输入

输入框

文本输入框,表单单行文本的输入交互组件。

文本域

表示文本的一个段落,用于展示页面上的文本内容。

数据选择框

包含数据的下拉选择,绑定表格数据源上下文的容器,为容器中组件提供单选菜单。

数据单选框

包含数据的单选按钮,绑定表格数据源上下文的容器,为容器中组件提供单选按钮。

复选框

用于选项菜单有且仅有两个值的单项选择,或者切换某个选项的选中状态,以实现从一组互斥的选项组中选择一项。

日期

用于日期选择或输入,可以选择或输入日期,支持年、月、日期等类型,支持选择范围。

单选框

用于选项菜单有且仅有两个值的单项选择,或者切换某个选项的选中状态,以实现从一组互斥的选项组中选择一项。

开关

滑动开关,仅用于绑定布尔型字段。

下拉菜单

表单选项菜单的输入交互组件。

数选器

数字选择器组件,通过鼠标点击数字增加或减少按钮,快速增加或减少要输入的数字,可以灵活配置步数和精度。

评分组件

评分组件以评分的形式展示、编辑数据。

标签

标签组件可以用于以标签样式展示或者编辑数据。

文本

文本

可编辑一行的文本控件,适用于普通文本输入。

媒体

图片

嵌入页面的图像展示组件,适应于静态图片上传。

图片上传

表单图片的输入交互组件,与图片类型字段绑定,适应于应用运行过程中的图片动态替换。

文件上传

表单文件的输入交互组件,与文件类型字段绑定。

文件下载

文件下载按钮,实现指定文件下载功能。

视频播放器

实现静态和动态视频文件的播放。支持添加视频封面,支持样式调整,包括宽度、高度、间距等,支持视频播放组件功能选择,包括是否显示进度条、是否静音、是否自动播放、是否倍速播放、是否循环播放等。

PDF预览

实现静态和动态视频文件的播放。支持样式调整,包括宽度、高度、间距等。设计时支持PDF展示组件功能选择,包括是否支持下载、是否支持打印、是否显示缩略图、是否显示目录等。运行时支持PDF缩略图显示、PDF目录显示、PDF页数显示和跳转、PDF缩放比例显示和调整、PDF适合页面大小和适合页面宽度切换、PDF文件下载、双页试图、演示实图。

反馈

气泡

气泡组件用于当用户与一些组件发生交互动作时, 跟随该动作展示辅助或帮助的提示信息。

进度条

进度条组件用于展示业务操作的当前进度。

导航

顶部导航

显示在页面顶部的页面索引组件,可配置为一级导航或二级导航。

侧边导航

显示在页面侧边的页面索引组件,可配置为一级导航或二级导航。

三级导航

显示在页面顶部的页面索引组件,可自由选择导航项作为三级导航。

面包屑

显示当前页面在系统层级结构中的位置,并能向上返回。

图表

柱状图

绘制柱状图的组件,主要用于展示数据之间的大小的对比。

饼状图

绘制饼状图的组件,主要用于展示数据在总体数据中的占比。

折线图

绘制折线图的组件,又称曲线图,主要用于展示曲线升降变化,来表示统计指标数值的变化。

高级

步骤条

步骤条组件用于展示完成一个流程的多个步骤和步骤状态。

Excel导入

数据集成组件,支持通过Excel批量导入数据。

关联选择器

用于显示,和允许用户通过选择关联对象来选择一对一或一对多关联的值。

多关联选择器

用于显示,和允许用户通过选择关联对象来选择多对多关联的值。

Iframe

Iframe用于嵌套外部网站,也可以嵌套HTML内容。

DataGrid

数据表格以表格格式显示对象列表,实际上是一个固定的列集合,绑定表格数据源上下文的容器,为容器中组件提供数据源,对页面布局无影响。

时间线

根据绑定的数据,展示时间线上不同节点的状态和内容。

树形容器

树形容器组件绑定一个实体对象列表,将列表的每一项都作为一个可展开的节点,渲染出一个类似Data的数据容器,可通过嵌套树形容器呈现树形结构数据。

穿梭框

穿梭框组件是一种穿梭框形式的动态数据选择组件。

日历

日历组件以一个日历形式展示和输入日期数据。

自定义

组件

自定义组件是根据业务需求实现特定功能的页面组件。自定义组件的使用方法请参见:添加或引用自定义页面组件