MUI-窗口管理

匿名 (未验证) 提交于 2019-12-02 23:52:01

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 传参

标签
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!