MUI列表中用到pullRefresh插件的上拉刷新，会存在第一次过滤数据或者查询数据如果没有结果时，没有提示“没有更多数据了”

Ø  MUI列表中用到pullRefresh插件的上拉刷新，会存在第一次过滤数据或者查询数据如果没有结果时，没有提示“没有更多数据了”。

 

²  if(++count>=totalPage){
    mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);   $(".mui-pull-bottom-pocket.mui-block").css("visibility","visible");
}else
{
    mui('#pullrefresh').pullRefresh().endPullupToRefresh(false);

}

 

  初始化方法类似下拉刷新，通过mui.init方法中pullRefresh参数配置上拉加载各项参数

mui.init({

  pullRefresh : {

    container:refreshContainer,//待刷新区域标识，querySelector能定位的css选择器均可，比如：id、.class等

    up : {

      height:50,//可选.默认50.触发上拉加载拖动距离

      auto:true,//可选,默认false.自动上拉加载一次

      contentrefresh : "正在加载...",//可选，正在加载状态时，上拉加载控件上显示的标题内容

      contentnomore:'没有更多数据了',//可选，请求完毕若没有更多数据时显示的提醒内容；

      callback :pullfresh-function //必选，刷新函数，根据具体业务来编写，比如通过ajax从服务器获取新数据；

    }

  }

});

 

  加载完新数据后，需要执行endPullupToRefresh()方法，结束转雪花进度条的“正在加载...”过程，是否还有更多数据；若还有更多数据，则传入false;否则传入true，之后滚动条滚动到底时，将不再显示“上拉显示更多”的提示语，而显示“没有更多数据了”的提示语；

functionpullfresh-function() {

     //业务逻辑代码，比如通过ajax从服务器获取新数据；

     ......

     //注意：

     //1、加载完新数据后，必须执行如下代码，true表示没有更多数据了：

     //2、若为ajax请求，则需将如下代码放置在处理完ajax响应数据之后

     this.endPullupToRefresh(true|false);

}

 

  重置上拉加载，若部分业务中，有重新触发上拉加载的需求（比如当前类别已无更多数据，但切换到另外一个类别后，应支持继续上拉加载），此时调用.refresh(true)方法，可重置上拉加载控件

//pullup-container为在mui.init方法中配置的pullRefresh节点中的container参数；

//注意：refresh()中需传入true

mui('#pullup-container').pullRefresh().refresh(true);