宜搭低代码高级认证:待办列表自定义页面实战指南
本文基于宜搭低代码开发师(高级)认证实操题,详细讲解如何利用自定义页面结合表单 API 实现待办列表的数据管理功能。主要涉及普通表单创建、自定义页面布局、远程数据源配置及 JavaScript 业务逻辑编写。
1. 考前准备与组织加入
在开始之前,需确保已加入相关钉钉组织。若二维码扫描失效,可通过以下方式操作:
- 打开手机钉钉右下角【我的】,找到【客服与帮助】。
- 下滑至【快捷工具】,选择【加入团队】。
- 根据名称搜索并加入对应组织。
2. 项目基础搭建
2.1 创建普通表单
首先创建一个用于存储数据的普通表单,包含以下字段:
- 待办事项:单行文本组件,必填
- 分类:单选组件,必填(选项:个人、工作、其他)
- 重要度:评分组件,默认值为 1,必填
- 设置提醒日期:日期组件,格式为年月日
- 待办详情:多行文本组件
设置默认值:
在左侧动作面板中,获取评分组件的唯一标识(例如 rateField_me2n0yf0),使用以下代码设置默认值:
that.$('组件唯一标识').setValue(1)
2.2 复制已完成表单
点击进行中待办表单旁边的设置按钮,复制表单,并将页面名称修改为【已完成待办】。后续两个表单将共用大部分逻辑,但需区分数据源。
3. 自定义页面开发
3.1 页面初始化
新建自定义页面,选择【工作台模板 -01】作为基础。删除无关的布局容器,保留核心结构。将标题修改为'待办列表'。
创建两个分组容器,分别命名为'进行中待办'和'已完成待办',并在其中拖入表格组件。
3.2 表格配置
选中表格组件,调整显示字段以匹配表单定义(待办事项、分类、重要度、提醒日期等)。通过浏览器开发者工具或表单设计器的高级设置,复制组件的唯一标识,粘贴到表格对应的数据字段中,确保数据映射正确。
重要度样式配置: 将重要度字段设置为枚举类型,并配置颜色映射。代码如下:
[
{ "color": "grey", "text": "1", "value": 1 },
{ "color": "blue"


