全部产品
云市场

下拉刷新

更新时间:2019-09-09 15:12:15

说明:window 中 pullRefreshallowsBounceVertical 属性的设置会影响下拉刷新的使用。
属性 类型 必填 描述
pullRefresh Boolean 是否允许下拉刷新。默认为 false,备注:下拉刷新生效的前提是 allowsBounceVertical 的值为 YES。
allowsBounceVertical String 页面是否支持纵向拽拉超出实际内容。默认为 YES, 支持 YES / NO。

onPullDownRefresh

说明:mPaaS 10.1.32 及以上版本支持该接口。
Page 中自定义 onPullDownRefresh 函数,可以监听该页面用户的下拉刷新事件。

  • 需要在页面对应的 .json 配置文件中配置 "pullRefresh": true 选项,才能开启下拉刷新事件。
  • 当处理完数据刷新后,调用 my.stopPullDownRefresh 可以停止当前页面的下拉刷新。

代码示例

pull-down-refresh.json 配置文件中的代码配置如下:

  1. {
  2. "pullRefresh": true
  3. }

Page 中定义 onPullDownRefresh 处理函数:

  1. onPullDownRefresh() {
  2. console.log('onPullDownRefresh', new Date())
  3. }

my.stopPullDownRefresh

说明:mPaaS 10.1.32 及以上版本支持该接口。
停止当前页面的下拉刷新。

代码示例

  1. Page({
  2. onPullDownRefresh(){
  3. my.stopPullDownRefresh()
  4. }
  5. })

my.startPullDownRefresh

说明:mPaaS 10.1.32 及以上版本支持该接口。
开始下拉刷新。代码执行后触发下拉刷新动画,效果与用户手动下拉刷新保持一致。

代码示例

  1. my.startPullDownRefresh()