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

效果展示

前置准备

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

具体步骤

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

步骤分解

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

如何实现一个动态添加待办及完成功能_第1张图片

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

如何实现一个动态添加待办及完成功能_第2张图片

如何实现一个动态添加待办及完成功能_第3张图片

如何实现一个动态添加待办及完成功能_第4张图片

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

如何实现一个动态添加待办及完成功能_第5张图片

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

如何实现一个动态添加待办及完成功能_第6张图片

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

如何实现一个动态添加待办及完成功能_第7张图片

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

如何实现一个动态添加待办及完成功能_第8张图片

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

如何实现一个动态添加待办及完成功能_第9张图片

如何实现一个动态添加待办及完成功能_第10张图片

如何实现一个动态添加待办及完成功能_第11张图片

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

如何实现一个动态添加待办及完成功能_第12张图片

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

如何实现一个动态添加待办及完成功能_第13张图片

如何实现一个动态添加待办及完成功能_第14张图片
官网链接:https://www.towify.com/#/

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