输入框和搜索按钮表单的wxml没啥特别的,这里绑定了输入框的输入值样式我就不放上来了
历史记录列表的wxml,也没啥特别的就用了个列表循环,做了个判断当没有搜索记录时显示没有搜索记录的条目
结合了微信给的资料马马虎虎摸索出了一些东西,下面说一下微信小程里序搜索历史功能的实现下图是实现效果。
首先定义历史记录的显示风格和方式,在下用的昰列表模式没有使用什么比较酷炫的套路。
其次是“清除历史记录”按钮个人建议在没有搜索历史的时候不显示按钮,因为在下有些強迫症
(微信微信小程序历史记录的数据交互还是蛮喜欢的)
这里是列表的CSS样式
/*搜索历史列表外部容器样式*/ /*搜索历史普通样式*/
2、两个主要嘚JS方法
3、点击搜索添加搜索内容进历史记录
//将搜索记录更新到缓存
4、在进入搜索页面时检索出缓存中的搜索历史。(适用于搜索页面是單独页面的业务)
5、清空历史记录只需在上面声明搜索按钮时把”bindtap”属性值设置成写好的JS方法名即可。
更多搜索功能实现的精彩文章請点击专题: 进行学习
以上就是本文的全部内容,希望对大家的学习有所帮助也希望大家多多支持脚本之家。
获取记录数据或获取根据查询條件筛选后的记录数据
成功回调,回调传入的参数 Result 包含查询的结果Result 定义见下方 |
调用结束的回调函数(调用成功、失败都会执行) |
查询的結果,Result 定义见下方 |
记录的数据是一个 Object |
获取我的指定待办事项详细信息