mui学习笔记

一、页面刷新问题
1.父页面A跳转到子页面B，B页面修改数据后再跳回A页面，刷新A页面数据
(1).父页面A代码
window.addEventListener("pageflowrefresh", function (e) {
    location.reload();
});
(2).子页面B代码
var main = plus.webview.currentWebview().opener();//获取父页面A对象
var main = plus.webview.getWebviewById('A');//或者通过A页面id获取A页面对象
mui.fire(main, "pageflowrefresh" );//出发A页面的pageflowrefresh方法
mui.redirect('A','A.html');//跳转到A页面
二、页面间传值问题
1.从A页面传值到B页面(mui.fire()方式)
(1).A页面代码
var main = plus.webview.getWebviewById('B');
mui.fire(main, "pageflowrefresh",{
    id:100
  })
(2).B页面代码
window.addEventListener("pageflowrefresh", function (e) {
    //获得事件参数
    var id = e.detail.id;
});
2.从A页面传值到B页面(mui.方式)
(1).A页面代码
mui.openWindow({url:'B.html',extras:{id:'100'}});
(2).B页面代码
var self=plus.webview.currentWebview();//获取当前窗体对象
var receiveID=self.id;//接收A页面传入的id参数值

三、自定义回退事件
1.回退到上一页面
(1).回退函数代码
mui.back = function(){
    //回退时执行的代码
    var main = plus.webview.getWebviewById('mywallet-index');
    mui.fire(main, "pageflowrefresh" );
    mui.redirect('mywallet-index','index.html');
    mui.currentWebview.close();
}

mui.back = function(){
    if(!first){
        first = new Date().getTime();
        mui.toast('再按一次退出应用');
        setTimeout(function(){
            first = null;
        },2000);
    }else{
        if(new Date().getTime()-first<2000){
            var btn = ["确定","取消"];
            mui.confirm('确认退出系统？','快快长途拼车',btn,function(e){
                if(e.index==0){
                plus.runtime.quit();
                }
            });
        }
    }
};