页面控件是已经做好的实现特定功能的模块,如查询、导入Excel数据、视频播放、分页显示等功能模块都能够做成控件。控件的开发根据需求来定,随着平台版本更新而迭代,速度很快,有的会被新的所替代,有的会不常用而被丢弃。
本章对所有控件进行简要介绍,大部分控件,开发者在实践中稍加接触,就能掌握使用方法。查看所有的控件,可以点击 页面>控件,看到控件工具条,拖动工具条到页面即可完成控件布置。

或单击单元格, 右键>控件属性(ctrl+1 ),进入控件属性配置界面。

目前控件主要分为几组:默认组、布局组、容器组、按钮组、输入组、展示组、文件组、Html元素组。
默认组
- 默认:不给单元格设置任何控件属性,就是简单的显示内容。
- 标题:把文字设置为标题的样式,这些样式根据文字所处的位置而不同,如轮播图中的标题和列表的标题样式会有所差别。
- 副标题:把文字设置为副标题的样式。
- 段落:把文字设置为段落的样式。
- 细项:把文字设置为细项的样式。
布局组
布局组控件都是页面布局时候用到,主要影响到页面的展示效果,跟系统的功能实现关系不大。布局组控件常作为区域的控件属性来配置,单个单元格一般不配。鼠标单击单元格拖拽,选中多个单元格,然后 右键>设为区域>控件类型,这时候的控件选项就只有布局组和容器组的控件。设置完以后,所选取的区域在浏览器显示时,就会按照选取方式布局。
- div容器:容器内所有单元格会从左到右连续显示
- 表格:按表格样式显示,可以控制自动列宽等
- 弹性布局容器:一行的所有单元格分为12栏,独立显示,跟上下单元格不构成行列关系
- 网格布局容器:相当于多行的弹性布局容器
- 列布局容器:
-
自定义元素:
布局组控件的使用将在页面布局一节详细讲述。
容器组
- 统计图:设置好数据和类型后,可以展示统计图,能够很直观地显示数据。
- 标签组:用标签组的方式展示页面信息。
- 轮播图:多张图片通过自动或滑动的方式,轮流播放,常用于移动端显示
- 分步:
- 按钮组:相当于菜单项的按钮,点击后出来一列按钮供选择。
- 折叠板:
- 指标:
- 指标行:
- 九宫格:常用于移动端划分多个区域,每个区域显示相同结构的内容
- 无序列表:
- 有序列表:
- 列表组:
- 时间轴:
- 标题表单:
- 任务列表:
- 标题信息:呈现个人概要信息的布局和样式组合,
- 卡片:呈现个人信息的特定的布局和样式组,能够简洁美观地展示个人信息。
按钮组
- 按钮: 页面显示一个按钮,开发者配置动作函数,点击后实现一定的功能
- 链接: 点击后打开指定页面
- 查询: 点击后根据收集的查询条件,到指定数据表查询信息并返回结果
- 保存: 点击后将页面数据更新到数据库
- 立即执行: 不打开页面,而是在服务器上执行页面里规定的保存操作。实际执行效果和点击弹出一个新页面,不进行任何操作,直接点击保存按钮相同。
- 添加行: 点击后在列表中新增一行,供用户输入
- 删除行: 删除在列表中新增的行,一般和添加行搭配使用
- 删除数据: 删除列表中按钮所在行,点击后立即执行,更新数据库
- 批量删除: 同时删除列表中的多条记录,点击后立即执行,更新数据库
- 清空数据表: 删除数据表全部数据
- 排序: 控制列表中的数据,按照排序按钮所在字段,排序显示
- 折叠和展开: 将指定区域折叠和展开
- 复杂查询:一般占一整行,使用者可以随意选取列进行查询
- 导入Excel: 按照给定的页面模板,从Excel表格文件中导入数据到数据库
- 导出Excel: 将数据库数据导出到Excel表格文件中或dbf格式文件,按照给定模板
- 导出Word:
- 打印: 打印当前所在网页
- 提示: 点击提示一段信息
- 关闭: 关闭窗口
- 刷新窗口: 刷新当前网页
- 隐藏表格列: 隐藏当前字段
输入组
- 输入框: 输入短文本,不能直接输入换行符
- 长文本输入框: 输入长文本,可以输入换行符
- 富文本: 输入带格式的文本
- 正整数输入框: 输入正整数
- 密码框: 输入密码,输入的字符用*号显示
- 是非项: 供用户选择“是”或“否”
- 日历选择: 弹出日历选择卡,供用户选择日期
- 下拉选项框: 提供有限个选项供用户选择,每次都是同样的选项
- 下拉数据集: 从数据集中获取数据供用户选择,可能每一次都不一样
- 单表下拉树:
- 复杂下拉树:
- 地图定位: 输入地理位置信息
展示组
- 单选框: 勾选选项用,相互互斥,只能有一个选上
- 复选框: 勾选选项用,可以同时勾选多个
- 全选/反选: 同时勾选\取消页面全部的复选框
- 分页: 将记录数较多的列表分页显示,如每页显示20条记录
- 水平分割线: 显示一条水平分割线,在视觉上给页面内容分块
- 分割线:
- 进度条: 显示一个进度条
- 滑动条:
- 二维码: 显示一个数值或文本的二维码
- 条形码: 显示一个数值或文本的条形码
- Html:
- 标签页:
- 列表子项:
- 星级评分:
文件组
- 图片: 在页面上显示图片
- 多图:
- 文件:
- 文件(新):
- 多文件:
- 音频播放: 在页面上播放音频文件
- 视频播放: 在页面上播放视频文件
Html元素组
- 下标:
- 上标:
网友评论