MUI-窗口管理

MUI开发大全

打开新窗口

mui.openWindow({
    url:new-page-url,
    id:new-page-id,
    styles:{ //不传 默认全屏打开
      top:newpage-top-position,//新页面顶部位置
      bottom:newage-bottom-position,//新页面底部位置
      width:newpage-width,//新页面宽度，默认为100%
      height:newpage-height,//新页面高度，默认为100%
      ......
    },
    extras:{
      .....//自定义扩展参数，可以用来处理页面间传值
    },
    show:{
      autoShow:true,//页面loaded事件发生后自动显示，默认为true
      aniShow:animationType,//页面显示动画，默认为”slide-in-right“；
      duration:animationTime//页面动画持续时间，Android平台默认100毫秒，iOS平台默认200毫秒；
    },
    waiting:{
      autoShow:true,//自动显示等待框，默认为true
      title:'正在加载...',//等待对话框上显示的提示内容
    }
})

关闭窗口

• mui框架封装的页面右滑关闭功能，默认未启用，若要使用右滑关闭功能，需要在mui.init();方法中设置swipeBack参数

mui.init({
    swipeBack:true //启用右滑关闭功能
});

• mui框架默认会监听Android手机的back按键
• 调用mui.back()方法
• 自定义返回事件

mui.init({
    beforeback: function(){
        //返回前逻辑处理
        return true;
    }
});

页面通信

1.父传子

• extras:{ key: value }
• 子读传参

var self = plus.webview.currentWebview();
var value = self.key;

2.子掉指定窗口方法

• 首先应在指定窗口注册监听,必须使用[window.addEventListener]注册

window.addEventListener(func, function(event) {
    console.log(event.detail)
    //处理逻辑 event.detail为传参对象
})

• 子页面调用

  var pWin = plus.webview.getWebviewById(id);//id为指定窗口
  var pWin = plus.webview.currentWebview().opener();//父窗口
  mui.fire(pWin, func, obj); // func 方法名; obj 传参