mui.fire()用法

mui.fire()用法,触发目标窗口的自定义事件

mui.fire( 目标窗口的webview , '自定义事件名' ,{参数列表}:) 目标窗口监听这个自定义事件 window.addEventListener('自定义事件名',function(){ }) //需要刷新的页面的id var pageId = "examples/shopping.html"; //根据页面id获取页面 var page = plus.webview.getWebviewById(pageId); mui.fire(page, 'refresh');…

作用: mui.fire() 可以触发目标窗口的自定义事件 mui.fire( 目标窗口的webview , '自定义事件名' ,{参数列表}:) 目标窗口监听这个自定义事件 window.addEventListener('自定义事件名',function(){ })…

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

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

mui.fire 目标页无法监听到触发事件

//获得详情页面 if(!detailPage){ detailPage = plus.webview.getWebviewById('detail.html'); } //触发详情页面的newsId事件 mui.fire(detailPage,'newsId',{ id:id }); //添加newId自定义事件监听 window.addEventListener('newsId',function(event){ //获得事件参数 var id = event.detail.id; //根据…

mui.fire() 和 mui.trigger()

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

mui初级入门教程（三）— html5+ XMLHttpRequest 与mui ajax用法详解

文章来源:小青年原创发布时间:2016-05-29关键词:mui,html5+,XMLHttpRequest,ajax,懒加载转载需标注本文原始地址: http://zhaomenghuan.github.io... 写在前面这是这个系列的的第三篇文章,前面的文章在多个地方(本人github博客.dcloud ask社区.segmentfault)发出来了,很多朋友收藏点赞,只是没有多少人反映内容的深浅,也没有人提出意见,所以实话说不知道符不符合大家胃口,不过我写博客一向以详细为标准,尽可能照…

mui初级入门教程（二）— html5+ webview 底部栏用法详解

文章来源:小青年原创发布时间:2016-05-19关键词:mui,html5+,webview转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20160519 写在前面本系列文章我们将利用mui基于网易云音乐API实现一个音乐播放器APP,同时基于环形或者融云实现聊天功能.作为本系列文章的第一篇,本文会详细讲解html5+中管理应用窗口界面的Webview模块的用法,因为是初级教程篇不过多讲解原理部分,初级用户只需要知道基本用法就可以,并使…

springboot+layui实现PC端用户的增删改查 & 整合mui实现app端的自动登录和用户的上拉加载 & HBuilder打包app并在手机端下载安装

springboot整合web开发的各个组件在前面已经有详细的介绍,下面是用springboot整合layui实现了基本的增删改查. 同时在学习mui开发app,也就用mui实现了一个简单的自动登录和用户列表上拉刷新的app. 下面是自己实现前的思路: 1. web端实现用户的增删改查,SSM实现. Spring + SpringMVC +Mybatis + PageHelper 表主要有两个user表和token表. user表就是基本的信息(ID.username.password.user…

mui初级入门教程（六）— 模板页面实现原理及多端适配指南

文章来源:小青年原创发布时间:2016-07-26关键词:mui,webview,template,os,多端适配转载需标注本文原始地址: http://zhaomenghuan.github.io... 写在前面自从来公司实习,每天都淹没在问题中,一直没有抽出空写写文章,今天轮到我完善文档和总结,就想着抽空把文档中的内容写写,但是文档限于篇幅,而且不能话唠,自然博客是最好的方式去分享.哈哈,废话不多说,将整理的内容贴出来,稍作解释,方便大家查阅. template(模板页面) hello m…

mui初级入门教程（五）— 聊聊即时通讯（IM），基于环信 web im SDK

文章来源:小青年原创发布时间:2016-06-15关键词:mui,环信 web im,html5+,im,页面传值,缓存转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20160615 写在前面感觉自从qq.微信这种APP用多了,现在都没啥人发短信了,现在什么APP都想加入IM的功能,曾经有段时间在折腾自己撸一个聊天的东西,也尝试过很多平台,今天这里给大家介绍一下从零开始自己做一个聊天的app功能.因为之前帮朋友做过一个基于环信的聊天功能,…

mui初级入门教程（四）— 再谈webview，从小白变“大神”！

文章来源:小青年原创发布时间:2016-06-05关键词:mui,html5+,webview转载需标注本文原始地址: http://zhaomenghuan.github.io/#!/blog/20160605 写在前面写这篇文章之前先吐吐槽,因为是学生,不想用父母辛辛苦苦挣的钱买什么苹果手机,因为确实贵,本人至今用的还是去年买的魅蓝note 1(虽然已经很久了,但是没办法啊,舍不得花钱换.),前段时间项目钱收到了本来想换手机的,但是想了想还是先省一省,过几个月开始实习了再看吧!(哈哈,如果…

MUI APP关于页面之间的传值，plusready和自定义事件

最近在用MUI开发这个APP,发现有时候这个plusready不起作用,表现在,这个页面如果重复打开,这个plusready就进不去,然后上一个页面传过来的值,就没法接收了.这个经过MUI官方确认,是有可能发生的,所以,这里面的话,就需要通过自定义事件,来确保这个值能正确传递. 首先,我先演示一下,通常我们页面之间的传值的方法,如下: 参数生成页面: mui.openWindow({ …

MUI（3）

本篇博文是继续上篇博文MUI(2).上面这幅图是博文MUI(1)中实现的效果,在博文MUI(1)中提到了2个页面,一个页面是index.html,另一个页面是index_list.html页面.上面这幅图中红色框子是index.html页面,蓝色框子是index_list.html页面.两个页面本来是独立的两个页面,但是组合在一起之后就形成了如上面这幅图所示的效果.在一个页面中显示另一个页面. 实现方法很简单, <script type="text/javascript" cha…

MUI（2）

本篇博文是继续MUI(1)博文. 上一篇博文小编写了两个页面,一个页面只写了一个头部导航栏,另一个页面写了一个按钮,然后这两个页面进行合并显示,即在头部导航栏页面加载显示另一个页面的按钮.仔细观察上一篇的最后截图效果会发现,在头部导航栏的左上角有一个侧滑图标,本篇博文就是实现一个侧滑菜单效果. 还是继续上一篇博文中应用到的项目,只是在之前项目的基础之上新建了一个页面,index_menu.html页面.index.html页面源代码如下: <!DOCTYPE html> <html>…

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.getWebviewB…

mui

MUI + SDK 使用笔记: MUI是什么:http://ask.dcloud.net.cn/article/91 /* MUI 使用说明: * * 1.每个用到mui的页面都调用下mui.init. * 2.如果需要使用大H5+对象,就写到plusReady中,如plus对象. */ '''[MUI开发注意事项]----------------------------------------------------------------------------------- …

MUI 微信和支付宝支付（前台代码）

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maxim…

mui 重写back 调用back方法，实现返回就即时刷新页面

需求: 从A-----b页面 B操作完后再返回A ,这时A页面数据变化 1.先是针对安卓机可以点击按钮返回,也可以用本机的返回键返回监听本机的返回按钮,如果点击就调用写好的自定义刷新事件 (function($, doc) { $.oldBack = mui.back; var backButtonPress = 0; $.plusReady(function(){ $.back = function(event) { $.oldBack = back('页面id', '跳转的页面); re…

HBuilder开发App教程04-最难搞定的是mui

前言前几篇说到一些HBuilder开发app的基础教程, 现在来说一下HBuilder开发app的难点,或者说是上手的难点, 就是mui, 如果你没有研究mui就贸然的上手HBuilder,那你的开发过程是痛苦的, 花一点时间研究下mui,对你之后开发app有很大的帮助. 网址教程再好,也会有疏漏的地方,还需要你仔细阅读官方文档, 附地址:http://dcloudio.github.io/mui/ init mui封装了很多常用的页面方法,都需要在init中设置,例如: 1.和上拉加载,下…

mui 页面间传值得2种方式

通过最近得工作开发刚接触mui框架,用到了页面间得传值, 第一种:通过url进行传值父页面代码: mui.openWindow({ id:'子页面.html', url:'子页面.html?param='+param, extras:{ param:param } }); 子页面取值 var param; if(mui.os.plus){ mui.plusReady(function() { var web = plus.webview.currentWebview(); param = JS…

mui开发app之cropper裁剪后上传头像的实现

在大多数app项目中,都需要对用户头像的上传,之前做web开发的时候,我主要是通过input type=file的标签实现的,上传后,使用php对图片进行裁剪,这种方式比较传统简单. 此次app开发中需要做到用户选择本地相册或者进行拍照->对照片进行裁剪->最后同时更新本地头像和服务器端的图片.(app常见套路) 我将要结合:mui,cropper,jquery开发! 实现思路: 1.用户点击头像,打开actionsheet 2.选择图片或者拍照后返回的图片绝对地址传入单独的裁剪页面,跳转到裁…

mui开发app之自定义事件以更新其他页内容

我之前做过jquery mobile的开发,那还是前年的事情在jquery mobile中,由于页面是存储在div[data-role=page]的dom中(jqmobile通过对data-role的dom分析解释app的页面布局和切换,不会每次都加载完整的html页面,所以js摆放位置需要尤其注意,不能再head当中,因为不会去读head) <body> <div data-role="page"> <div data-role="heade…

[问题贴]mui.openWindow+自定义事件监听操作让alert()执行两次

仔细看,Alert函数执行了两次共两个页面:index.html和detail.html, detail.html为按钮设置了自定义事件监听(newsId),触发alert. 在index.html点击按钮就会触发事件newsId,并用mui.openWindow()打开detail.html页面. 然后我有两个问题: 1. 就是上面提到的alert执行两次? 2. 就是有时候点击按钮并不会有任何操作,是文档没有加载完毕可能,有什么解决方法吗? 具体代码如下: // ---index.html…

【源码分享】mui实现简单的手机音乐播放器

mui实现简单的手机音乐播放器最近先来无事,我用mui写了一个可以跨页面控制的音乐播放器.主要功能有上一曲,下一曲,播放,暂停,感兴趣的可以继续看下去. 说的总是不实在,直接上源码,有兴趣的可以读下注释. 1首页代码 ①首页的html代码 <a> <i id="bofang" class="iconfont icon-play-o"></i>  </a> ②首页的j…

HTML5 开发APP(MUI的一些特性)

先附mui文档地址:http://dev.dcloud.net.cn/mui/ui/ .mui的UI组件比较简单而且在文档中很好找就不过多说了. 1 在app开发中,使用HTML5+的api,必须mui.plusReady方法中. 2 常用的a标签和window.herf跳转方法通通改为 mui.openWindow({ url: '文件路径', id: '自己给文件起的id' }) 3 ajax 部分.mui自己封装了可跨越的ajax.和jq的ajax…

跨平台移动端APP开发---简单高效的MUI框架

MUI是dcloud(数字天堂)公司旗下的一款跨平台开发移动APP的框架产品,在学习MUI框架之前,最先接触了Hbuilder代码编辑器,它带给我的第一感觉是快,这是HBuilder的最大优势,通过完整的语法提示和代码输入法.代码块等,大幅提升HTML .JS.css的开发效率. 01-初识MUI MUI 有以下两大亮点: 一.轻量追求性能体验,是我们开始启动MUI项目的首要目标,轻量必然是重要特征: MUI不依赖任何第三方JS库,压缩后的JS和CSS文件仅有100+K和60+K 二.原…

开始使用 HBuilder 和 Mui - 1 - 分析 index.html ;

转自:http://ask.dcloud.net.cn/article/240 好吧,在比较了 Codenameone 和 HBuilder 以后,俺反复考虑后,终于还是决定使用 HBuilder 这个东东:简单说说 Codenameone 吧,用 java 进行开发的跨平台(注意,目前支持 android, ios, wp, BlackBerry) 的框架,首先吸引我的是它的跨平台移动开发能力, 其次吧,编译型的语言比较好进行TDD开发, 第三,有一个可视化的界面设计环境以及界面设计和处理代码…

【mui.fire()用法】的更多相关文章