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
        });
    }
  • 相关阅读:
    键盘快捷键
    电脑命令行命令
    网络基础TCP/IP
    运算符优先级
    元字符汇总
    正则表达式
    模板语法(DOM与Vue数据绑定)
    computed、methods、watch
    vue实例
    坐标轴
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/8981578.html
Copyright © 2011-2022 走看看