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

 

相关文章:

  • 2021-05-20
  • 2021-10-30
  • 2021-09-26
  • 2021-08-12
  • 2021-06-06
  • 2021-12-11
  • 2021-06-15
  • 2021-10-19
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2021-07-31
  • 2022-02-07
  • 2022-12-23
  • 2022-12-23
  • 2021-11-22
相关资源
相似解决方案