mui触发自定义事件(子页面返回传递给父级页面值)

在App开发中,经常会遇到子页面给父级页面传值,通过自定义事件,用户可以轻松实现数据传递。

一、添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下:

window.addEventListener(‘customEvent‘,function(event){

//通过event.detail可获得传递过来的参数内容....

});

1、customEvent   自定义事件的名称

2、function    接收到值后处理的方法

二、触发自定义事件

通过mui.fire()方法可触发目标窗口的自定义事件:

mui.fire( target , event , data )

    1、target    Type:WebviewObject    需传值的目标webview

    2、event    Type:String    自定义事件名称

    3、data    Type:JSON    json格式的数据

目标webview必须触发loaded事件后才能使用自定义事件

若新创建一个webview,不等该webview的loaded事件发生,就立即使用mui.fire(webview,‘eventName‘,{}),则可能无效;

例子:

父级页面:

1 window.addEventListener(‘nameFun‘,function(event){
2
3     //通过event.detail可获得传递过来的参数内容....
4
5     //event.detail为获取到的值{yqid:""+chooseyqid+"",bbb:"bbb"}
6    var chooseYqidC = event.detail.chooseYqid;//获取yqid的值chooseyqid
7 });

子页面:

1 var selfPage = plus.webview.currentWebview();//获取当前页(子页)
2
3 var openerPage = selfPage.opener();//获取打开的父级页
4
5 mui.fire(openerPage,‘nameFun‘,{yqid:""+chooseyqid+"",bbb:"bbb"});
6
7 selfPage.close();//关闭当前子页
8
9 openerPage.show();//打开父级页

原文地址:https://www.cnblogs.com/nlyangtong/p/10861493.html

时间: 2024-11-06 10:53:13

mui触发自定义事件(子页面返回传递给父级页面值)的相关文章

mui.fire()触发自定义事件

导读:添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,通过mui.fire()方法可触发目标窗口的自定义事件. 监听自定义事件 添加自定义事件监听操作和标准js事件监听类似,可直接通过window对象添加,如下: window.addEventListener('customEvent',function(event){  //通过event.detail可获得传递过来的参数内容    .... }); 触发自定义事件 通过mui.fire()方法可触发目标窗口的自

mui---mui.fire触发自定义事件传事件对象中的参数

fire_event_send_page.html(发送页面) <!doctype html> <html> <head> <meta charset="UTF-8"> <title></title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-

[转] C#中如何截取Windows消息来触发自定义事件

原文 C#中如何截取Windows消息来触发自定义事件 在c#windows开发中,我们常常会遇到拦截windows消息,来触发某个特定任务的问题. 由于目前使用c#的开发人员非常多,而且大多数c#程序员都不是从Windwos c++转过来的对windows消息机制不怎么了解,遇到这类问题还是挺棘手的,我们公司有个同事问,就写这个小实例,帮助那些遇到此类问题的兄弟姐妹. 实现方式目前有两种: 1 使用Control类的虚方法WndProc来截取Windows消息 基类为Control类的所有控件

WinForm页面之间(父页面传递参数给子页面)传递参数

方法一通过构造函数: 父页面(frmMain)点击btnQuery按钮进入子页面(frmListInfo),将数据库名(pdtDB)传递给子页面 父页面代码: private void btnQuery_Click(object sender, EventArgs e) { string pdtDB = FISTools.TAttributeCollection.ProductInfo["DatabaseName"].ToString();//数据库名 this.TopMost = f

mui 从子页面返回至父页面,同时刷新父页面

今天在写页面的时候,有一个需求,就是新闻列表项的时候,会显示出浏览次数,点击进入页面的时候,也会有浏览次数,且浏览次数比点击之前的已经+1了.那么用户返回到新闻列表页的时候,浏览次数应该更新了. mui中有两种方式去解决返回事件的问题: 最普通的逻辑就是点击返回,关闭当前页面 mui.back = function(){ plus.currentWebview.close(); } 还有一种就是我刚才说的需求: 这个需要先在子页面中注册一个函数,beforeBack,在其中自定义函数,这样在子页

子页面返回父页面的父页面

子页面: <script type="text/javascript"> mui.init({ beforeback: function() { //获得列表界面的webview var list = plus.webview.currentWebview().opener(); //触发列表界面的自定义事件(refresh),从而进行数据刷新 mui.fire(list, 'refresh'); //返回true,继续页面关闭逻辑 return true; } }); &

MUI底部导航切换子页面

1.登陆页面进入之后,进入到main页面,main页面只有一个底部导航,然后引入子页面进行渲染. <nav class="mui-bar mui-bar-tab" id="tabbar"> <a class="mui-tab-item mui-active" href="html/applyy.html" id="apply"> <span class="mui-ic

vue自定义事件 子组件把数据传出去

每个 Vue 实例都实现了事件接口(Events interface),即: 使用 $on(eventName) 监听事件 使用 $emit(eventName) 触发事件 1.使用v-on绑定自定义事件 1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title></title> 6 <s

通过c# 实现自定义属性改变触发自定义事件 ,理解自定义事件及其触发过程

以下说明可解释自定义的事件的自定义触发过程: 直接上代码,内含说明(界面是两个文本框textbox1,textbox2,和一个button1,界面的Load事件,button的click事件) Form1 类(调用者端) using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; us