Hbuilder MUI 页面刷新及页面传值问题
来源:互联网 发布:淘宝账号存在安全问题 编辑:程序博客网 时间:2024/05/22 15:38
一、页面刷新问题
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页面代码
var param = { //这是要传的数据 userId: ‘userId11111111111’, toKen: ‘toKen’, userRole: ‘userRole’ }; mui.openWindow({//目标页面 url: ‘second.html’, id: ‘second.html’, extras: param });
(2).B页面代码(plus必须要放在plusReady里)
mui.plusReady(function() { var self = plus.webview.currentWebview(); //获取当前窗体对象 alert(self.userId); //接收A页面传入的id参数值 });
三、提交成功后跳转页面,并刷新
A页面:
//获得列表界面的webview var i = plus.webview.getWebviewById(“ArticleExamine.html”); //触发前往页面的自定义事件(例:AddNew),从而进行数据刷新 mui.fire(i,’AddNew’); if(i){ //触发列表界面的自定义事件(refresh),从而进行数据刷新 i.evalJS(“ArticleList(1, 10);”); }
B页面:
//添加AddNew自定义事件监听 window.addEventListener(‘AddNew’,function(){ document.getElementById(“news”).innerHTML = “”; });
阅读全文
0 0
- Hbuilder MUI 页面刷新及页面传值问题
- Hbuilder MUI 页面刷新及页面传值问题
- HBuilder中的MUI页面
- Hbuilder--mui--webview切换子页面问题
- HBuilder mui页面传值的几种方式
- HBuilder mui 入门教程——(3)页面传值
- hbuilder mui 移动网页 页面传参
- mui 安卓单页面下拉刷新问题
- MUI页面刷新
- MUI之父页面刷新
- MUI之父页面刷新
- MUI之父页面刷新
- mui back 返回刷新页面
- mui解决跳转到页面返回不刷新问题
- mui 页面传参
- MUI-页面传参数
- mui back 返回刷新页面方法
- HTML5,MUI方式页面传值
- Spring Boot中使用AOP统一处理Web请求日志
- flume-ng+Kafka+Storm+HDFS 实时系统搭建
- Wannacry勒索蠕虫对企业安全有哪些影响?企业安全又将如何捍卫?看安普诺CEO怎么说
- Android:AIDL跨进程通信
- [笔记]: 二叉排序树
- Hbuilder MUI 页面刷新及页面传值问题
- CSS变量教程
- sg 函数 入门 + 证明 (侵删
- 在Ubuntu14.04上访问外接的存储设备(如U盘)中的内容
- JAVA设计模式之单例模式
- Oracle数据库同一个实例下不同用户表名重复的问题
- 搜索 Q
- 玩转flume+Kafka配置
- 一行文字超出用省略号或滚动处理小技巧