APICloud上啦加载下拉刷新模块

Posted 2020-11-02 haonanElva

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
    });
}