14、上拉加载

第一步,第二步 和下拉刷新的一样 

第三步:通过mui.init方法中pullRefresh参数配置下拉刷新各项参数

mui.init({ 
    pullRefresh : { 
        container:"#refreshDiv",//待刷新区域标识,querySelector能定位的css选择器均可,比如:id、.class等 
        up : { 
            contentrefresh : "正在加载...",//可选,正在加载状态时,上拉加载控件上显示的标题内容 
            contentnomore:'没有更多数据了',//可选,请求完毕若没有更多数据时显示的提醒内容; 
            callback : fn //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据; 
        
    
}); 

第四步:设置执行函数

function fn() { 
    //业务逻辑代码,比如通过ajax从服务器获取新数据; ...... //注意,加载完新数据后,必须执行如下代码,true表示没有更多数据了,
    两个注意事项: //1、若为ajax请求,则需将如下代码放置在处理完ajax响应数据之后 //
    2、注意this的作用域,若存在匿名函数,需将this复制后使用
      
    var _this = this;
       
    _this.endPullupToRefresh(true|false); 
}

 

posted @ 2015-08-06 19:02  骨子里的傲气  阅读(247)  评论(0编辑  收藏  举报