mui 在父子页面嵌套时,在子页面调起mask时,而父页面并没有被掩盖的问题
2018-02-11 14:14
225 查看
mui 在有父子页面嵌套的情况下,如底部导航栏;子页面调起遮罩蒙板mask,如使用alert、confirm等对话框时;父页面并没有被遮罩蒙板所覆盖。此种情况下可以通过自定义事件来通知父页面打开遮罩蒙板。
例:
父页面 parentPage.html
子页面 subPage.html
在subPage.html下:
在父页面parentPage.html下:
例:
父页面 parentPage.html
子页面 subPage.html
在subPage.html下:
//获取父页面的webview对象 var main = plus.webview.getWebviewById("parentPage.html"); //定义自定义事件openMask,通知父页面的打开遮罩蒙板 mui.fire(main, 'openMask', {}); mui.alert(MESSAGE, '订单超时', '去处理', function(e) { //定义closeMask事件,通知父页面来关闭遮罩蒙板 mui.fire(main, 'closeMask', {}); 业务逻辑..... }, 'div');
在父页面parentPage.html下:
var flag = false; //创建遮罩蒙板 var mask = mui.createMask(function() { //设置点击蒙板不会自动消失 //但调用close方法关闭mask时,必须返回true return flag; }); //监听自定事件 //打开遮罩蒙板 window.addEventListener("openMask", function(e) { mask.show(); //显示遮罩 }); //关闭遮罩蒙板 window.addEventListener("closeMask", function(e) { flag = true; mask.close(); });
相关文章推荐
- [Ext.Net]父子页面传值问题
- 页面中iframe中嵌入一个跨域的页面,让这个页面按照嵌入的页面宽高大小显示的方式;iframe嵌套的页面不可以编辑的问题解决方案
- 【转】Hbuilder MUI 页面刷新及页面传值问题
- HBuilder开发MUI web app溢出页面上下无法滚动问题
- MUI关于父子页面交互之,子页面调用父页面的方法实现一些功能
- 前端-mui框架的div侧拉菜单,导致页面中按钮的点击事件无法响应的问题
- js处理页面内部嵌套问题
- mui app页面刷新问题 plus.webview.getWebviewById("").reload()
- 页面中iframe中嵌入一个跨域的页面,让这个页面按照嵌入的页面宽高大小显示的方式;iframe嵌套的页面不可以编辑的问题解决方案
- 浏览器兼容问题项目总结(六) 页面嵌套多个iframe滚动条兼容性修改
- 解决vue-router嵌套路由(子路由)在history模式下刷新无法渲染页面的问题
- .net 页面框架的层次问题,嵌套问题
- session过期,登录页面嵌套问题解决
- window.open() 父子页面的传参&传值问题
- session失效时,解决登录页面嵌套框架问题
- 关于使用maskbarcode在WEB页面中生成一维条形码的问题
- 解决ScrollView下嵌套ListView进页面不在顶部的问题
- Iframe中父子页面以及兄弟页面间的传值问题
- 当session长时间不登录失效问题,再重登录出现两个嵌套登录页面
- 页面嵌套问题