第一步

在需要刷新的页面配置

    既是在div中配置id ,这个id既是 在2 中的container 的值

第二步

在自己的js文件中添加如下代码

在 mui.init()中添加

 pullRefresh : {
    container:"#todoPull",//下拉刷新容器标识,querySelector能定位的css选择器均可,比如:id、.class等
    down : {
      contentdown : "下拉可以刷新",//可选,在下拉可刷新状态时,下拉刷新控件上显示的标题内容
      contentover : "释放立即刷新",//可选,在释放可刷新状态时,下拉刷新控件上显示的标题内容
      //contentrefresh : "正在刷新...",//可选,正在刷新状态时,下拉刷新控件上显示的标题内容
      callback :pullfreshList //必选,刷新函数,根据具体业务来编写,比如通过ajax从服务器获取新数据;

}

第三步

在js中添加如下代码

//下拉刷新
function pullfreshList() {
    //console.log("sss");   //这块是为了测试
     //业务逻辑代码,该地方是 获取当前页面对象。调用自己写好的自定义事件、
    var h = plus.webview.currentWebview();
    mui.fire(h,'loadTodoData');
    //注意,加载完新数据后,必须执行如下代码,注意:若为ajax请求,则需将如下代码放置在处理完ajax响应数据之后
     mui('#todoPull').pullRefresh().endPulldownToRefresh();
}

Logo

权威|前沿|技术|干货|国内首个API全生命周期开发者社区

更多推荐