MUI back返回父页面,同时革新父页面

最先用mui挪动端项目,最常碰到的题目就是革新页面,最罕见的一种就是下拉革新,根据官网上的来,能够轻松处理;别的一种罕见的就是从子页面回到父页面的革新,
在子页面,注册beforeback参数+自定义事宜:

mui.init({
    beforeback: function(){
        //取得列表界面的webview
         //var list = plus.webview.currentWebview().opener();
         //目的页面
         var list = plus.webview.getWebviewById('FollowUpHisList');  
         //触发列表界面的自定义事宜(refresh),从而举行数据革新  
         mui.fire(list, 'refresh');  
        //返回true,继承页面封闭逻辑
        return true;
    }
});

beforeback的实行返回必需是同步的,固然也能够自定义营业逻辑,复写mui.back

var old_back = mui.back;
mui.back = function(){
  var btn = ["肯定","作废"];
  mui.confirm('确认封闭当前窗口?','Hello MUI',btn,function(e){
    if(e.index==0){
        //实行mui封装好的窗口封闭逻辑;
        old_back();
    }
  });
}

而父页面,则须要增加监听事宜,经由过程reload革新全部页面:

window.addEventListener('refresh', function(e) {
//在父页面中增加监听事宜,革新页面
    location.reload();  
});

在现实运用中,假如父页面只是纯真的列表页,那末reload()革新也是能够的,但假如页面中有其他的要求,这时刻reload()革新全部页面就显得有些过剩,这个时刻为什么不单单只革新指定的要领呢?

window.addEventListener('refresh', function(e) {  
    document.getElementById('infoList0').innerHTML = "";
    //清空列表内容
    initCloumnData();//从新加载要革新的要领
});

固然,这类在子页面增加自定义事宜,父页面增加监听的要领也能够用于要领要求胜利后,自动跳转到目的页面并革新,在现实中也是很有用的,尤其是增加,编辑信息胜利后,自动返回并革新页面。
高手请多指导,新手能够自创。

    原文作者:肚肚楠
    原文地址: https://segmentfault.com/a/1190000009718990
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞