APICloud上啦加载下拉刷新模块

摘要:
Apicloud有自己的下拉刷新用于加载。您还可以使用第三方或在模块库中找到第三方来使用一个或下拉刷新。以下代码是在api ready=function(){}api ready=functions(){//下拉刷新api中编写的。setRefreshHeaderInfo({visible:true,bgColor:'rgba(0,0,0)',textColor:'#666',textDown:'下拉刷新'

apicloud有自带的上啦加载下拉刷新,当让也可以用第三方或者在模块库里面找一个使用

一、下拉刷新,一下代码写在

apiready = function (){} 里面
apiready = function (){
        //下拉刷新
        api.setRefreshHeaderInfo({
            visible: true,
            bgColor: 'rgba(0,0,0,0)',
            textColor: '#666',
            textDown: '下拉刷新',
            textUp: '释放刷新'
        }, function(ret, err){
            toDoRequest();
        });
    };

    // 刷新 初始化加载
    function toDoRequest(){
        setTimeout(function(){
            api.refreshHeaderLoadDone(); //复位下拉刷新
            api.toast({
                msg:'已经是最新数据了',
                duration:'1000',
                localtion:'middle'
            });
        },2000)
    }

二、实现加载更多:

通过监听页面滚动到底部事件来实现:

apiready = function(){
    api. addEventListener({name:'scrolltobottom'}, function(ret, err){
        //refresh event callback
        toDoRequest();
    });
}

//do ajax
function toDoRequest(){
    // GET、POST、PUT、DELETE、…
    api.ajax({
        url:'http://xxx.xxx.xxx'
    }, function(ret, err){
        //do your business
    });
}

免责声明:文章转载自《APICloud上啦加载下拉刷新模块》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇「学习笔记」AC自动机【转】Jmeter测试结果分析下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

单体架构、SOA、微服务

1、单体架构 2、单体架构的拆分 3、SOA与微服务的区别 4、微服务的优缺点 5、微服务的消息 6、服务集成 7、数据的去中心化 一、单体架构 Web应用程序发展的早期,大部分web工程是将所有的功能模块(service side)打包到一起并放在一个web容器中运行,很多企业的Java应用程序打包为war包。其他语言(Ruby,Python或者C++)...

体验Joomla2.5,从joomla1.5说起

搞了joomla1.5二次开发一年多,已经算是对joomla非常了解了,joomla1.5总体来说还是不错的,不过系统自身还是有不少的缺点,我一一列举一下: 1. 文章组件层次 当你建一篇文章,要么不属于任何分类,要么需要选一个分类,而且这个分类必需要属于一个单元,也就是文章的层次性是:单元/分类,也就是二级分类。不过很多时候,只有两个级别是不够的,更复杂...

几个免费IP地址查询API接口

转:http://blog.csdn.net/ishxiao/article/details/52670242 ---------------------------------------------------------------------------------------------------------------------------...

Android OpenGL ES 入门系列(一) --- 了解OpenGL ES的前世今生

  转载请注明出处 本文出自Hansion的博客 OpenGL ES (OpenGL for Embedded Systems)         是 OpenGL 三维图形 API 的子集,针对手机、PDA和游戏主机等嵌入式设备而设计,主要用来开发3D图形应用 Android支持以下几个版本的OpenGL ES API:         OpenGL ES...

API Monitor简介(API监控工具)

API Monitor是一个免费软件,可以让你监视和控制应用程序和服务,取得了API调用。 它是一个强大的工具,看到的应用程序和服务是如何工作的,或跟踪,你在自己的应用程序的问题。 64位支持 API监控支持监控的64位应用程序和服务。 64位版本只能用来监视64位应用程序和32位版本仅可用于监测的32位应用程序。 要监视在64位Windows的32位应用...

微信小程序开发学习(二)

一些官方API 总结了一些官方API,便于之后有用时针对性查找(发现官方给了好多好用的API)官方API文档 基础 wx.canIUse:判断小程序的API,回调,参数,组件等是否在当前版本可用,返回值为boolean。使用${API}.${method}.${param}.${options}或者${component}.${attribute}.${...