ZeroCloud 低代码开发平台
首页
用户手册
开发者手册
首页
用户手册
开发者手册
  • 用户手册

    • 产品简介
    • 快速入门
    • 工作台
    • 流程门户
    • 应用管理
    • 组织管理
    • 数据管理
    • 业务建模

      • 表单管理

        • 表单设计
        • 组件说明

          • 添加组件
          • 复制替换
          • 删除组件
        • 设置说明

          • 设置属性
          • 设置校验
          • 设置事件
        • 基础组件

          • 标题
          • 文字
          • 图片
          • 按钮
          • 链接
          • 分割线
          • 网页
        • 布局组件

          • 表单区块
          • 网格布局
          • 标签页
          • 明细表格
          • 明细区域
        • 功能组件

          • 输入文本
          • 日期时间
          • 单项选择
          • 多项选择
          • 下拉选择
          • 计数器
          • 开关
          • 滑块
          • 评分
          • 上传附件
          • 选择用户
          • 选择部门
          • 选择数据
          • 选择颜色
          • 富文本
          • UEditor
          • 条形码
          • 二维码
          • 添加明细行
          • 流程审批
          • 历史流程
      • 表单模型

        • 模型设计
        • 用法示例
      • 视图管理

        • 视图设计
        • 基础组件

          • 文字
          • 按钮
          • 图片
          • 链接
          • 分割线
          • 标签
          • 网页
          • Html
        • 布局组件

          • 页头
          • 容器
          • 网格
          • 区块
          • 卡片
          • 标签页
        • 模态组件

          • 对话框
          • 抽屉
        • 数据展示

          • 表格
          • 数据表格
          • 树
          • 数据树
          • 轮播图
          • 日历
          • 图表
          • 时间线
          • 步骤条
          • 宫格
          • 进度条
          • 分页
          • 标记
        • 数据输入

          • 表单/表单项
          • 文本框
          • 开关
          • 日期选择
          • 单项选择
          • 多项选择
          • 下拉选择
          • 滑块
          • 评分
      • 逻辑编排
      • 自定义组件
      • 报表管理
    • 流程设计

      • 流程定义

        • 流程设计
        • 节点配置
        • 办理人配置
      • 决策定义
      • 我的任务
      • 流程运维
      • 流程监控
    • 安全管理

      • 用户组
      • 安全角色
      • 权限资源
      • 权限分配
    • 系统监控

      • 系统监控
  • 开发者手册

    • 安装部署

      • 环境要求
      • 生产环境
    • 技术架构

      • 技术栈
    • API 文档

      • 概述
      • PC端 JS-API

        • 全局变量
        • PC表单
        • PC视图
      • 移动端 JS-API

        • 移动端
        • 移动表单
        • 移动视图
      • 服务端 API

        • 流程
        • 表单模型
        • 任务调度
        • 自定义服务
    • 常用案例

      • PC表单

        • 表单数据
        • 表单校验
        • 生命周期
        • 组件事件
        • 扩展方法
      • PC视图

      • 移动表单

      • 移动视图

      • 自定义服务

        • 写在案例之前
        • 环境搭建
        • Swagger 文档
        • 前台通用请求方式
        • 自定义返回值
        • ajax 参数
        • 按钮点击给明细表赋值
        • 表单展示接口报错
        • 数据选择使用ajax
        • 数据源使用后台接口
        • 根据临时变量的值给后台传参
        • 批量删除
        • 删除按钮
        • 入库判断库存
        • 表单调用后台自定义接口
        • 后台发起流程
        • 出库校验
        • 视图调用后台自定义接口
  • 视频教程

    • 培训视频

      • 2024-08-30
  • 常见问题

    • 问题反馈

设置属性

用于配置组件的基础功能。

  • 组件标签用于识别组件类型,为只读模式,不可更改。
  • 组件标识用于识别组件,是当前组件的 ID,可以更改,但必须是唯一字符串。
  • 初始值为当前组件显示的默认值。
  • 只读组件,只可展示数据,不可更改。
  • 隐藏组件,在表单中隐藏该组件。

1、数据

用于设置数据表及关联字段,设置此属性后,组件值会自动存取至定表字段。

2、表达式

  • 分类

表单目前共有三类表达式,分别用于数据计算赋值、控制组件是否只读、控制组件是否隐藏

  • 使用方法

可手动在属性栏中录入表达式:

或点击表达式编辑按钮进入表达式设计器,在编辑器中进行公式编辑:

  • 语法规范:

${}中间内容为变量,可为组件所绑定的“数据源名.表名.字段名”

或直接使用在本表单数据表定义中设置的字段简称,如${单价} 、${数量}

如果使用临时变量赋值,写法如下

${vars.formComps.var1}

  • 赋值表达式,用于数据计算赋值,如下图所示,总价为单价与数量的乘积。
  • 只读表达式,用于判断组件是否只读,如下图所示,当合计金额的值大于 1000 时,申请原因文本框将变为只读模式。
  • 隐藏表达式,用于判断组件是否隐藏,如下图所示,当合计金额的值小于 1000 时,申请原因文本框将隐藏。

3、样式

用于设置组件的样式,如下图所示,通过 width、height 属性设置文本输入组件的宽,高

【布局】模式选择完毕后,设置宽度和高度的百分比来调整组件。

分为两种模式:块级布局、内联布局。

【边距】通过修改各个边距数值,调整组件边距。

【自定义】

支持使用css样式,可以自己输入想要的样式属性

  • display 属性规定是否/如何显示元素 。

    • block ,将组件设置为块级元素,块级元素总是从新行开始,并占据可用的全部宽度。
    • inline,将组件设置为行内元素, 行内元素不从新行开始,仅占用所需的宽度 。
    • inline-block,将组件设置为行内块元素,行内块元素既能够设置宽高,又不独自占据一行。
    • none, 该元素将被隐藏。
  • width 属性用于设置组件宽度。

  • height 属性用于设置组件高度。

  • margin 属性用于设置组件外边距。

    • margin-top,组件距离位于此组件上方组件的距离。
    • margin-right,组件距离位于此组件右方组件的距离。
    • margin-bottom,组件距离位于此组件下方组件的距离。
    • margin-left,组件距离位于此组件左方组件的距离。
  • font-size,用于设置组件内字体大小。

  • text-align 属性指定元素文本的水平对齐方式

    • left ,把文本排列到左边。
    • right , 把文本排列到右边。
    • justify , 把文本排列到中间。
    • right , 实现两端对齐文本效果。
    • inherit , 从父元素继承 text-align 属性的值。
Next
设置校验