如何制作价格筛选并刷新商品列表?

通过使用事件中对数字的范围查询,实现筛选功能

效果展示

前置准备

  • 循环列表

具体步骤

  • 创建数据表
  • 创建查询事件
  • 制作一个按钮
  • 制作价格筛选滑块
  • 制作价格输入框
  • 创建商品展示触发器
  • 创建价格随滑块实时展示触发器

步骤分解

创建数据表

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

创建查询事件

  • 点击 事件中心
  • 配置事件

制作一个按钮

  • 拖拽 按钮 到 根容器
  • 选中 按钮
  • 点击 检查面板 中的 样式
  • 配置样式

制作价格筛选滑块

  • 拖拽 滑块 到 根容器
  • 选中 滑块
  • 点击 检查面板 中的 数据绑定与设置
  • 配置数据

制作价格输入框

  • 拖拽 输入框 到 根容器
  • 点击 检查面板 中的 数据绑定与设置
  • 配置数据

创建商品展示触发器

  • 选中 循环容器
  • 点击 检查面板 中的 触发器
  • 创建 触发器

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

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

创建价格随滑块实时展示触发器

  • 选中 滑块
  • 点击 检查面板 中的 触发器
  • 创建 触发器

这样就可以实现价格筛选并刷新商品列表了。
官网链接:https://www.towify.com

作者:Towify原文地址:https://segmentfault.com/a/1190000043314079

%s 个评论

要回复文章请先登录注册