如何实现一个动态添加待办及完成功能

效果展示

前置准备

  • 使用循环容器制作的待办列表
  • 使用输入框实现的输入待办任务
  • 使用按钮实现添加任务

具体步骤

  • 创建数据表
  • 常见数据查询更新事件
  • 配置循环条目样式
  • 创建未完成待办的查询触发器
  • 创建点击单选框完成待办项触发器
  • 创建添加待办项触发器

步骤分解

1.创建数据表
  • 点击 数据中心
  • 创建数据表

  • 常见数据查询更新事件
  • 点击 事件中心
  • 添加 数据事件

  • 配置循环条目样式
  • 选中 循环条目
  • 点击 检查面板 中的 样式
  • 新增一个 样式
  • 样式状态 切换为 选中模式
  • 配置 样式

  • 创建未完成待办的查询触发器
  • 选中 循环容器
  • 点击 检查面板 中的 触发器
  • 创建 触发器

  • 选中 循环条目
  • 点击 检查面板 中的 数据绑定与设置
  • 绑定数据

  • 创建点击单选框完成待办项触发器
  • 选中 循环条目
  • 点击 检查面板 中的 触发器
  • 创建 触发器

  • 选中 单选框
  • 点击 检查面板 中的 触发器
  • 创建 触发器

  • 创建添加待办项触发器
  • 选中 输入框
  • 点击 检查面板 中的 触发器
  • 创建 触发器

  • 选中 按钮
  • 点击 检查面板 中的 触发器
  • 创建 触发器


官网链接:https://www.towify.com/#/

你可能感兴趣的:(微信小程序无代码开发平台)