微信小程序实现下拉刷新

JavaScript010

微信小程序实现下拉刷新,第1张

除了在js页面编写响应的逻辑之外,还需要再相应页面的json中写入以下配置,这个配置允许这个页面进行下拉刷新动作

特别需要注意的是:

此外,除了下拉刷新,有时候可能是在某个事件进行时触发刷新动作,此时可以调用wx.startPullDownRefresh(Object object) 此api的作用是:“ 开始下拉刷新。调用后触发下拉刷新动画,效果与用户手动下拉刷新一致。

转自: https://www.cnblogs.com/xunxian/p/12862660.html

给你需要点击的模块一个bindtap时间

比如

<view bindtap="click">点击我下拉刷新<view>

然后在逻辑层写

click:function(){

this.onPullDownRefresh()

}

onPullDownRefresh: function () {

xxxxxxxxxx(你的下拉刷新触发的操作)

},

刚才仔细看了一遍你的问题好像并不是你想要的答案 不过就这样吧

ESPullToRefresh是一个非常易于开发者使用的下拉刷新和加载更多组件。通过一个UIScrollView的扩展,可以轻松为UIScrollView的所有子类添加下拉刷新功能。 如果你想定制组件的UI样式,只要实现指定的协议方法即可。

设置默认下拉刷新组件

self.tableView.es_addPullToRefresh {

[weak self] in

/// 在这里做刷新相关事件

/// ...

/// 如果你的刷新事件成功,设置completion自动重置footer的状态

self?.tableView.es_stopPullToRefresh(completion: true)    /// 设置ignoreFooter来处理不需要显示footer的情况

self?.tableView.es_stopPullToRefresh(completion: true, ignoreFooter: false)

})

}

设置默认加载更多组件

self.tableView.es_addInfiniteScrolling {

[weak self] in

/// 在这里做加载更多相关事件

/// ...

/// 如果你的加载更多事件成功,调用es_stopLoadingMore()重置footer状态

self?.tableView.es_stopLoadingMore()    /// 通过es_noticeNoMoreData()设置footer暂无数据状态

self?.tableView.es_noticeNoMoreData()

})

}

使用自定义样式 效果如下: