宜搭认证课程-掌握表单设计(三)|学习笔记

简介: 快速学习宜搭认证课程-掌握表单设计(三)

开发者学堂课程【宜搭低代码开发认证教程 宜搭认证课程-掌握表单设计(三)】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/299/detail/3500


宜搭认证课程-掌握表单设计(三)


image.png

• 按钮—做一些提交类的,有不同类型并可设置样式

组件所对应的属性面板的使用方法

选中一个组件,右侧有组件属性

image.png

• 标题就是在组件中显示的

• 显示标题按钮决定标题是否显示

• 横向排列

image.png

• 纵向排列

image.png

• 描述信息是指对这个组件额外信息的说明

image.png

提示文字是对中间一个占位符的说明

image.png

最大宽度默认是446 px,也可设置100%占据满行;

• 默认状态就是设置属性的状态

预览:

image.png

将姓名组件设置为禁用,将年龄设置为只读并同时给一个默认值30

image.png

修改后预览情况:姓名不可输入,年龄默认为30,性别被隐藏

image.png

详情页展示状态:姓名禁用状态、年龄默认状态、性别默认值男被提交

image.png

• 默认值:自定义、公式编辑、数据联动

自定义:

image.png

公式编辑:获取当前登陆人(宜搭公式用法跟 Excel 公式用法相同)

image.png

用 LOGINUSER 公式获取了当前登陆人姓名

image.png

获取当前时间:用 TIMESTAMP(TODAY()) 公式获取当前时间

image.png

数据联动—其他表单的数据联动过来作为一个默认值进行填充

(1)、新建一个“我的爱好”下拉选择框并保存

image.png

(2)、新建一个“我的爱好”单据页面

image.png

(3)、选择数据管理页重复添加爱好,例如看书、爬山、游泳

image.png

(4)、后台查询

image.png

(5)、切换到个人信息页面,并在选项中选择关联其他表单数据

表单数据选择我的爱好-爱好;

个人信息中爱好就会出现

image.png

另一个表单的数据联动过来作为一个选项进行填充

• 校验

设置姓名必填与错误提示、设置最小、最长长度与错误提示

image.png

预览:

已填写情况:

image.png

未填写情况:

image.png

填写错误情况:名字少于两个字、名字多于八个字

注意:

有错误情况不可提交

• 多端显示——分 PC 端和移动端

image.png

移动端预览情况:

image.png

相关文章
|
编解码 运维 监控
4.1 钉钉宜搭大屏介绍|学习笔记
快速学习4.1 钉钉宜搭大屏介绍
4.1 钉钉宜搭大屏介绍|学习笔记
|
存储 安全 数据可视化
|
存储 供应链 前端开发
宜搭平台搭建应用的最佳实践(二)| 学习笔记
快速学习宜搭平台搭建应用的最佳实践。
宜搭平台搭建应用的最佳实践(二)| 学习笔记
|
存储 人工智能 数据可视化
宜搭产品简介(二)| 学习笔记
快速学习宜搭产品简介。
宜搭产品简介(二)| 学习笔记
|
人工智能 供应链 搜索推荐
钉钉宜搭全命题解析 | 学习笔记
快速学习钉钉宜搭全命题解析
钉钉宜搭全命题解析 | 学习笔记
|
人工智能 安全 数据可视化
宜搭数字化ERP解决方案(一)|学习笔记
快速学习宜搭数字化ERP解决方案(一)
宜搭数字化ERP解决方案(一)|学习笔记
|
Oracle 前端开发 关系型数据库
宜搭认证课程-数据报表设计(三)| 学习笔记
快速学习宜搭认证课程-数据报表设计。
宜搭认证课程-数据报表设计(三)| 学习笔记
|
存储 安全 搜索推荐
初识钉钉宜搭低代码 | 学习笔记
快速学习初识钉钉宜搭低代码,介绍了初识钉钉宜搭低代码系统机制, 以及在实际应用过程中如何使用。
初识钉钉宜搭低代码 | 学习笔记
|
数据采集 运维 数据可视化
宜搭产品简介(一)| 学习笔记
快速学习宜搭产品简介。
|
供应链 监控 BI
宜搭制造业解决方案及实施理论(三)|学习笔记
快速学习宜搭制造业解决方案及实施(三)
宜搭制造业解决方案及实施理论(三)|学习笔记

热门文章

最新文章