< 文档首页
全部产品
弹性计算
存储服务
数据库
网络
视频与CDN
域名与网站
工商财税 知识产权
应用服务
互联网中间件
移动研发平台 EMAS
移动研发平台EMAS-专有云
云通信
安全
大数据
人工智能
ET大脑
物联网
物联网行业方案
数字金融
管理与监控
云市场
API与工具
解决方案
钉钉
会员服务
更多

    下拉刷新

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

    ★ 我的收藏
    本页目录
    说明：window 中 pullRefresh 和 allowsBounceVertical 属性的设置会影响下拉刷新的使用。
    属性 类型 必填 描述
    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()
    上一篇：交互反馈
    下一篇：联系人
    相关文档
    相关产品
    • 移动开发平台mPaaS
      移动开发平台（Mobile PaaS，简称 mPaaS）是源于支付宝 App 的移动开发平台，为移动开发、测试、运营及运维提供云到端的一站式解决方案，能有效降低技术门槛、减少研发成本、提升开发效率，协助企业快速搭建稳定高质量的移动 App。
    • 金融分布式架构SOFAStack
      SOFAStack™（Scalable Open Financial Architecture Stack）包含构建金融级云原生架构所需的各个组件，也是在金融场景里锤炼出来的最佳实践。提供微服务应用开发、部署发布、监控运维、项目管理、容灾高可用等全栈式解决方案，并兼容Dubbo、Spring Cloud等微服务运行环境，提供基于虚拟机的经典PaaS运维和基于Kubernetes的云原生运维能力，助力客户各类应用轻松转型分布式和云原生架构。
    • 移动推送
      阿里移动推送（Alibaba Cloud Mobile Push）是基于大数据的移动智能推送服务，帮助App快速集成移动推送的功能，在实现高效、精确、实时的移动推送的同时，极大地降低了开发成本。让开发者最有效地与用户保持连接，从而提高用户活跃度、提高应用的留存率。