效果展示:
前置准备:
- 已搭建好,配少配置数据的搜索详情页
具体步骤:
- 添加需要的组件
- 添加需要查询的数据
- 添加事件
- 配置搜索按钮和动态容器触发器
步骤分解:
添加需要的组件
- 添加 标签文本
- 添加 图标
- 添加 动态数据容器
- 添加 输入框
添加需要查询的数据
- 点击上方面板 数据中心
- 创建数据表,添加自己需要的数据内容
添加事件
- 点击上方面板 事件中心
- 添加 数据事件 并进行配置
配置搜索按钮和动态容器触发器
- 选中 动态数据容器 组件
- 在右侧面板选中 触发器 添加接收数据触发器
- 选中搜索 图标 组件
- 在右侧面板选中 触发器 添加搜索触发器
- 选中 循环条目 组件
- 在右侧面板选中 数据绑定及设置 选中需要关联的数据
这样就可以使用搜索功能精确筛选数据了。
官网链接:https://www.towify.com/#/
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。