一、页面刷新问题

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 页面刷新及页面传值问题的更多相关文章

  1. js中页面刷新和页面跳转的方法总结

    .js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.histor ...

  2. js中页面刷新和页面跳转的方法总结 [ 转自欢醉同学 ]

    .js中cookie的基本用法简介 2009-12-15 js中页面刷新和页面跳转的方法总结 文章分类:Web前端 关键字: javascript js中页面刷新和页面跳转的方法总结 1.histor ...

  3. 【转】Hbuilder MUI 页面刷新及页面传值问题

    文章来源:http://www.111cn.net/sys/CentOS/67213.htm 一.页面刷新问题 1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据 (1).父页面 ...

  4. MUI 页面刷新及页面传值问题

    一.页面刷新问题 1.父页面A跳转到子页面B,B页面修改数据后再跳回A页面,刷新A页面数据 (1).父页面A代码 window.addEventListener("pageflowrefre ...

  5. mui---父页面跳子页面刷新子页面

    最近在做项目,遇到一个问题,从父页面跳转到子页面,不会刷新子页面的问题. 解决方法:可以在跳转的时候,使用openWindow来进行跳转,接下来配置跳转打开页面的参数: 具体如下: mui.openW ...

  6. javascript如何监听页面刷新和页面关闭事件

    本文转之http://www.qqtimezone.top 在我们的日常生活中,时常遇到这么一种情况,当我们在点击一个链接.关闭页面.表单提交时等情况,会提示我们是否确认该操作等信息. 这里就给大家讲 ...

  7. eaysui 子页面刷新父页面datagrid

    近期碰到这样一个问题,子页面操作后需要刷新父页面datagrid元素,刚开始用这种方式刷新,$("#talbe",window.parent.document).datagrid( ...

  8. JS 页面刷新以及页面返回的几种方式

    1.通过标签形式的跳转页面  <a class="popup" href="~/WeiXin/Shoppingguide/StockData">&l ...

  9. iframe 框架父页面刷新子页面

    1.父页面添加: <script> function testBtn(){   var reshSrc = document.getElementById('myFrame').src; ...

随机推荐

  1. Linux图形界面安装Oracle11G(Centos7)

    以Centos7为列 创建运行Oracle数据库的系统用户和用户组 #切换root用户 [px@localhost /]$ su - root [px@localhost /]$ su - root ...

  2. Linux离线安装mysql 5.6详细步骤

    一.安装MySQL 1.下载安装包 mysql-5.6.40-linux-glibc2.12-x86_64.tar.gz 2.卸载系统自带的Mariadb rpm -qa|grep mariadb / ...

  3. 【译】Introducing “Web Live Preview”

    如果你开发的应用有 UI,你可能经历开发->编译->测试->修改->编译->测试的循环.根据所使用的框架或技术,有些可以改善这一流程,比如 edit-and-contin ...

  4. 前端ES6 一些面试题

    1.ES5.ES6和ES2015有什么区别? ES2015特指在2015年发布的新一代JS语言标准,ES6泛指下一代JS语言标准,包含ES2015.ES2016.ES2017.ES2018等.现阶段在 ...

  5. CocosCreator游戏开发(五)实现技能按钮

    在上一篇中,已经顺利的实现了通过摇杆控件来控制角色移动的例子 这一篇内容中,主要来实现通过摇杆来操作技能施法位置的功能 代码效果如下: 在最初的想法中,我是想将摇杆与技能施法范围以及施法位置做成一个组 ...

  6. WordCount(Java实现)

    Github项目地址:https://github.com/linzworld/word-count 项目相关要求 题目描述 Word Count 实现一个简单而完整的软件工具(源程序特征统计程序). ...

  7. [BUUOJ记录] [ACTF2020 新生赛]Include

    本题主要考查了利用php://filter伪协议进行文件包含 进入题目根据Tip进入正题,可以看到URL中存在文件包含(题目名也很直接) 首先考虑 "php://input"伪协议 ...

  8. Poi Excel 设置列宽计算公式

    int width = 40;sheet.setColumnWidth(0,252*width+323); 作者:彼岸舞 时间:2020\07\27 内容关于:工作中用到的小技术 本文来源于网络,只做 ...

  9. MySQL通过POIN数据类型查询指定范围内数据

    情况一: 数据库:只有point类型的location字段 实体类:有经纬度字段(double).originLoction字段(存放string类型的数据库location字段:POINT(123. ...

  10. Sympy解方程-求极限-微分-积分-矩阵运算

    简介 Sympy是一个Python的科学计算库,用一套强大的符号计算体系完成诸如多项式求值.求极限.解方程.求积分.微分方程.级数展开.矩阵运算等等计算问题.虽然Matlab的类似科学计算能力也很强大 ...