如何动态实现搜索框下方展示历史搜索记录?

TowifyTowify -
如何动态实现搜索框下方展示历史搜索记录?
通过使用数据中心的创建事件和API Hub中定义成功的搜索图片接口实现一个历史搜索展示效果展示

前置准备在 API Hub 中创建成功的图片搜索接口具体步骤创建数据表制作搜索界面创建事件创建触发器绑定数据步骤分解创建数据表点击 数据中心创建 数据表

制作搜索界面拖拽 组件切换器 到 根容器拖拽 容器 到 编辑区选中 组件切换器点击 检查面板 中的 数据绑定与样式设置关联内容

选中 组件素材拖拽 搜索框 到 容器

拖拽 流式布局 到 容器

拖拽 循环容器 到 容器

拖拽 图片 到 流式布局 的 条目

拖拽 标签文本 到 循环容器 的 条目

创建事件点击 事件中心配置事件

创建触发器选中 组件切换器点击 检查面板 中的 触发器创建 触发器

选中 循环容器

点击 检查面板 中的 触发器

创建 触发器

选中 输入框点击 检查面板 中的 触发器创建 触发器

选中搜索图标点击 检查面板 中的 触发器创建 触发器

选中 输入框点击 检查面板 中的 触发器创建 触发器

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

这样就可以实现动态实时搜索框下方展示历史搜索记录了。
官网链接:https://www.towify.com/#/

特别申明:本文内容来源网络,版权归原作者所有,如有侵权请立即与我们联系(cy198701067573@163.com),我们将及时处理。

Tags 标签

微信小程序无代码开发平台

扩展阅读

加个好友,技术交流

1628738909466805.jpg