APICloud上啦加载下拉刷新模块

2021-04-13 11:38

阅读：371

标签：nbsp col business ade pre SHH UNC ready 通过

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上啦加载下拉刷新模块

标签：nbsp col business ade pre SHH UNC ready 通过

原文地址：https://www.cnblogs.com/haonanZhang/p/8981578.html

上一篇：使用ansible安装windows软件包

下一篇：[APIO2014]序列分割 --- 斜率优化DP

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：APICloud上啦加载下拉刷新模块
文章链接：http://soscw.com/index.php/essay/75171.html

亲，登录后才可以留言！

APICloud上啦加载下拉刷新模块

评论

热门文章

推荐文章

最新文章

置顶文章