Hbuilder 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页面
mui.back(); //或者 mui.back 直接返回上一页
二、页面间传值问题
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 = “”;
});
Hbuilder MUI 页面刷新及页面传值问题的更多相关文章
- js中页面刷新和页面跳转的方法总结
.js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.histor ...
- js中页面刷新和页面跳转的方法总结 [ 转自欢醉同学 ]
.js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.histor ...
- 【转】Hbuilder MUI 页面刷新及页面传值问题
文章来源:http://www.111cn.net/sys/CentOS/67213.htm 一.页面刷新问题 1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据 (1).父页面 ...
- MUI 页面刷新及页面传值问题
一.页面刷新问题 1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据 (1).父页面A代码 window.addEventListener("pageflowrefre ...
- mui---父页面跳子页面刷新子页面
最近在做项目,遇到一个问题,从父页面跳转到子页面,不会刷新子页面的问题. 解决方法:可以在跳转的时候,使用openWindow来进行跳转,接下来配置跳转打开页面的参数: 具体如下: mui.openW ...
- javascript如何监听页面刷新和页面关闭事件
本文转之http://www.qqtimezone.top 在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接.关闭页面.表单提交时等情况,会提示我们是否确认该操作等信息. 这里就给大家讲 ...
- eaysui 子页面刷新父页面datagrid
近期碰到这样一个问题,子页面操作后需要刷新父页面datagrid元素,刚开始用这种方式刷新,$("#talbe",window.parent.document).datagrid( ...
- JS 页面刷新以及页面返回的几种方式
1.通过标签形式的跳转页面 <a class="popup" href="~/WeiXin/Shoppingguide/StockData">&l ...
- iframe 框架父页面刷新子页面
1.父页面添加: <script> function testBtn(){ var reshSrc = document.getElementById('myFrame').src; ...
随机推荐
- Linux图形界面安装Oracle11G(Centos7)
以Centos7为列 创建运行Oracle数据库的系统用户和用户组 #切换root用户 [px@localhost /]$ su - root [px@localhost /]$ su - root ...
- Linux离线安装mysql 5.6详细步骤
一.安装MySQL 1.下载安装包 mysql-5.6.40-linux-glibc2.12-x86_64.tar.gz 2.卸载系统自带的Mariadb rpm -qa|grep mariadb / ...
- 【译】Introducing “Web Live Preview”
如果你开发的应用有 UI,你可能经历开发->编译->测试->修改->编译->测试的循环.根据所使用的框架或技术,有些可以改善这一流程,比如 edit-and-contin ...
- 前端ES6 一些面试题
1.ES5.ES6和ES2015有什么区别? ES2015特指在2015年发布的新一代JS语言标准,ES6泛指下一代JS语言标准,包含ES2015.ES2016.ES2017.ES2018等.现阶段在 ...
- CocosCreator游戏开发(五)实现技能按钮
在上一篇中,已经顺利的实现了通过摇杆控件来控制角色移动的例子 这一篇内容中,主要来实现通过摇杆来操作技能施法位置的功能 代码效果如下: 在最初的想法中,我是想将摇杆与技能施法范围以及施法位置做成一个组 ...
- WordCount(Java实现)
Github项目地址:https://github.com/linzworld/word-count 项目相关要求 题目描述 Word Count 实现一个简单而完整的软件工具(源程序特征统计程序). ...
- [BUUOJ记录] [ACTF2020 新生赛]Include
本题主要考查了利用php://filter伪协议进行文件包含 进入题目根据Tip进入正题,可以看到URL中存在文件包含(题目名也很直接) 首先考虑 "php://input"伪协议 ...
- Poi Excel 设置列宽计算公式
int width = 40;sheet.setColumnWidth(0,252*width+323); 作者:彼岸舞 时间:2020\07\27 内容关于:工作中用到的小技术 本文来源于网络,只做 ...
- MySQL通过POIN数据类型查询指定范围内数据
情况一: 数据库:只有point类型的location字段 实体类:有经纬度字段(double).originLoction字段(存放string类型的数据库location字段:POINT(123. ...
- Sympy解方程-求极限-微分-积分-矩阵运算
简介 Sympy是一个Python的科学计算库,用一套强大的符号计算体系完成诸如多项式求值.求极限.解方程.求积分.微分方程.级数展开.矩阵运算等等计算问题.虽然Matlab的类似科学计算能力也很强大 ...