• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > HBuilder mui 上拉加载

HBuilder mui 上拉加载

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含hbuilder mui,hbuilder mui视频教程,hbuilder mui教程,hbuilder mui api,hbuilder mui app等相关知识,教程希望在学习及工作中可以帮助到您

mui的上拉加载实现比较简单,检测5+ runtime提供的滚动条滚动到底事件(plusscrollbottom),显示“正在加载”提示-->开始加载业务数据-->隐藏"正在加载"提示。使用方式类似下拉刷新,首先、通过mui.init方法中pullRefresh参数配置上拉加载各项参数,如下:

mui.init({
  pullRefresh : {
    container:refreshContainer,//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等
    up : {
      contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容
      contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容;
      callback :pullfresh-function //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;
    }
  }
});

其次,根据具体业务编写加载函数,需要注意的是,加载完新数据后,需要执行endPullupToRefresh()方法;

您可能想查找下面的文章:

  • MUI Hbuilder设置模拟器运行APP项目图文教程
  • MUI APP 项目收到Appstore的警告邮件
  • HBuilder mui页面怎么跳转到Android原生界面?
  • HBuilder mui框架开发的App如何查询App的uid
  • mui H5游戏平台完整源码
  • mui app在线更新
  • HBuilder打包mui app Android签名证书的生成
  • MUI H5+ app自动更新思路与实现
  • hbuilder mui IOS 平台离线打包定位插件配置
  • HBuilder mui 页面传参终极版

相关文章

  • 2017-05-31html5仿ios下拉和上拉回弹功能
  • 2017-05-31提升HTML5的性能体验系列之一 避免切页白屏
  • 2017-05-31HBuilder 入门(3) / 关于WebView
  • 2017-05-31mui禁止横屏显示,仅支持竖屏显示
  • 2017-05-31MUI新手指南
  • 2017-05-31MUI Native.js如何访问蓝牙Bluetooth?
  • 2017-05-31MUI 地图定位问题终于解决了
  • 2017-05-31Hbuilder MUI 分享插件开发指南
  • 2017-05-31Native.js获取内存及CPU信息-Android平台
  • 2017-05-31MUI APP 项目收到Appstore的警告邮件

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • mui 移除和添加类怎么写?
    • hbuilder mui 头像选择、截取、压缩、上传的分享
    • Hbuilder MUI 动态添加不同类型的数据
    • MUI页面的创建、显示、关闭
    • 64位windows上iTunes12.1升级后iOS真机运行无法使用的解决办法
    • Hbuilder MUI 如何监听input输入框的内容变化?
    • MUI 隐藏滚动条
    • 采用了BeeCloud作为支付解决方案还需要配置plus.payment吗?
    • Native.js如何访问蓝牙Bluetooth
    • MUI比Bootstrap哪个比较好?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有