zoukankan      html  css  js  c++  java
  • APICloud上啦加载下拉刷新模块

    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
        });
    }
  • 相关阅读:
    Java HashMap存储问题
    <转>堆和栈的区别
    Linux shell命令
    DNS(三)DNS SEC(域名系统安全扩展)
    DNS (二)协议
    绕过CDN查找网站真实IP方法
    stream流思想应用
    http接口实现附件对接
    AQS深入分析
    AQS快速入门
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/8981578.html
Copyright © 2011-2022 走看看