下拉刷新 if (mui.os.plus)
这句什么意思？？_hbuilder吧_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：673贴子：
下拉刷新 if (mui.os.plus)
这句什么意思？？
if (mui.os.plus) {
mui.plusReady(function() {
setTimeout(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
mui.ready(function() {
mui('#pullrefresh').pullRefresh().pullupLoading();
3D双端东方魔幻网游「大青云」勾魂公测,穿越逆转,封神故事,全新演绎!
看官方文档，这里有解释
贴吧热议榜
使用签名档&&
保存至快速回贴2.MUI文档-页面初始化_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
2.MUI文档-页面初始化
上传于||暂无简介
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩8页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢提供主流cms教程
提供数据库教程和设计
提供各种常见网页js代码
提供常用的JS特效代码及在线演示
提供jQuery插件教程及插件下载
提供服务器常见问题及教程
提供站长技术、站长资讯等内容
提供常用开发手册和开发工具
您现在的位置：& >
MUI APP关于页面之间的传值，plusready和自定义事件
导读：最近在用MUI开发这个APP，发现有时候这个plusready不起作用，表现在，这个页面如果重复打开，这个plusready就进不去，然后上一个页面传过来...
&最近在用MUI开发这个APP，发现有时候这个plusready不起作用，表现在，这个页面如果重复打开，这个plusready就进不去，然后上一个页面传过来的值，就没法接收了。这个经过MUI官方确认，是有可能发生的，所以，这里面的话，就需要通过自定义事件，来确保这个值能正确传递。
&&&&&&&&&&& 首先，我先演示一下，通常我们页面之间的传值的方法，如下：
&&&&&&&&&&& 参数生成页面：
&&&&&&&&&&&&&&& mui.openWindow({
&&&&&&&&&&&&&&&&&&& id: 'lightMapMain.html',
&&&&&&&&&&&&&&&&&&& url: 'lightMapMain.html',
&&&&&&&&&&&&&&&&&&& show: {
&&&&&&&&&&&&&&&&&&&&&&& aniShow: 'pop-in'
&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&&&&&& extras: {//extras里面的就是参数了
&&&&&&&&&&&&&&&&&&&&&&& entrance: &mapDetail&,
&&&&&&&&&&&&&&&&&&&&&&& ProjectName: &工程名称&
&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&&&&&& waiting: {
&&&&&&&&&&&&&&&&&&&&&&& autoShow: true, //自动显示等待框，默认为true
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& });
&&&&&&&&&&& 参数接收页面：
&&&&&&&&&&& //plusReady事件后，在里面接收参数
&&&&&&&&&&& mui.plusReady(function() {
&&&&&&&&&&&&&&& var wv = plus.webview.currentWebview();
&&&&&&&&&&&&&&& var vText = wv.ProjectN//这样就能接收到上个页面传过来的值了
&&&&&&&&&&&&&&& document.getElementById(&lbProjectName&).innerHTML = vT&&&&&&&&&&&&&&&
&&&&&&&&&&& });&
通常我们传参就这么进行，但是由于这个页面，多次打开，发生了类似缓存的现象，所以，有时候这个plusReady不能保证每次都能执行。所以，我根据而官方的提示，增加了一个自定义事件，来实现这个情况，实现方法如下（我是双管齐下，plusReady也获取值，自定义事件也获取值）
&&&&&&&&&&& 好，下面演示我的方法（下面这个监听一个按钮，然后打开一个页面）：
&&&&&&&&&&& var vBtnCtrl = document.getElementById(&btnCtrl&);
&&&&&&&&&&& vBtnCtrl.addEventListener(&tap&, function() {
&&&&&&&&&&&&&&& var vNextPage =
&&&&&&&&&&&&&&& //获得下一个页面
&&&&&&&&&&&&&&& if (vNextPage == null) {
&&&&&&&&&&&&&&&&&&& vNextPage = plus.webview.getWebviewById('lightMapMain.html');//这个是下一个页面的ID，第一次，他肯定为空，所以，这里面这个fire方法，是不会执行的。
&&&&&&&&&&&&&&&&&&& if (vNextPage != null) {
&&&&&&&&&&&&&&&&&&&&&&& //触发下一个页面的自定义事件
&&&&&&&&&&&&&&&&&&&&&&& mui.fire(vNextPage, 'DIY_DATA', {
&&&&&&&&&&&&&&&&&&&&&&&&&&& entrance: 'mapDetail',
&&&&&&&&&&&&&&&&&&&&&&&&&&& ProjectName: vText
&&&&&&&&&&&&&&&&&&&&&&& });
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& var vCurrentWebView = plus.webview.currentWebview();
&&&&&&&&&&&&&&& if (vCurrentWebView != null) {
&&&&&&&&&&&&&&&&&&& vCurrentWebView.hide('none');
&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& //上面这个代码是隐藏当前窗口，我这个是浮动的子窗口，到了下一个页面之后，我要把它隐藏起来，否则等下我返回，这个子窗口还在，就影响体验了。如果你们是整个页面的窗口，那么这个代码可以注释掉。
&&&&&&&&&&&&&&& mui.openWindow({
&&&&&&&&&&&&&&&&&&& id: 'lightMapMain.html',//这个ID与上面的自定义事件传参的ID需要一致，因为第一次打开这个页面，上面是获取不到webview的，但是，你这次打开之后，下次再回到这个页面的时候，由于我们之前打开过这个页面，所以，那个自定义事件就会触发了。
&&&&&&&&&&&&&&&&&&& url: 'lightMapMain.html',
&&&&&&&&&&&&&&&&&&& show: {
&&&&&&&&&&&&&&&&&&&&&&& aniShow: 'pop-in'
&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&&&&&& extras: {//这里面是传参了，想我们前面说到的
&&&&&&&&&&&&&&&&&&&&&&& entrance: &mapDetail&,
&&&&&&&&&&&&&&&&&&&&&&& ProjectName: vText
&&&&&&&&&&&&&&&&&&& },
&&&&&&&&&&&&&&&&&&& waiting: {
&&&&&&&&&&&&&&&&&&&&&&& autoShow: true, //自动显示等待框，默认为true
&&&&&&&&&&&&&&&&&&& }
&&&&&&&&&&&&&&& });
&&&&&&&&&&& })&
接下来，我们就到了参数接收页面，如下（首先，我们还是要在plusReady里面接收一次，因为你不能保证这次是初次打开这个页面还是第二次，所以，这个还是需要的。）：
&&&&&&&&&&& //plusReady事件后，自动创建menu窗口；
&&&&&&&&&&& mui.plusReady(function() {
&&&&&&&&&&&&&&& var wv = plus.webview.currentWebview();
&&&&&&&&&&&&&&& var vText = wv.ProjectN
&&&&&&&&&&&&&&& document.getElementById(&lbProjectName&).innerHTML = vT
&&&&&&&&&&& });&
但是如果这个是非首次打开的话，就会不一定进来plusReady了，所以，参数可能接收失败了，这里面，我们就要接收自定义事件传过来的参数了，就是前面我们的fire那里了。
代码如下：
&&&&&&&&&&& //添加上一个页面自定义事件监听
&&&&&&&&&&& window.addEventListener('DIY_DATA', function(event) {
&&&&&&&&&&&&&&& //获得事件参数
&&&&&&&&&&&&&&& //`var id = event.detail.
&&&&&&&&&&&&&&& var vText = event.detail.ProjectN
&&&&&&&&&&&&&&& document.getElementById(&lbProjectName&).innerHTML = vT
&&&&&&&&&&& });
这样，我们就能把这个参数获取到，双重保证，就冇问题啦，是不是。（如果你们需要谨慎一些，可以把这个自定义事件的监听延迟个300毫秒，保证接收的概率，因为如果是这个自定义事件优先执行了，然后他又去执行这个plusReady，那就会冲突了。所以，你们懂得。）&
转载请注明（B5教程网）原文链接：
网友评论：HBuilder开发App教程04最难搞定的是mui
前几篇说到一些HBuilder开发app的基础教程，
现在来说一下HBuilder开发app的难点，或者说是上手的难点，
如果你没有研究mui就贸然的上手HBuilder，那你的开发过程是痛苦的，
花一点时间研究下mui，对你之后开发app有很大的帮助。
教程再好，也会有疏漏的地方，还需要你仔细阅读官方文档，
附地址：http://dcloudio.github.io/mui/
mui封装了很多常用的页面方法，都需要在init中设置，例如：
1.和上拉加载，下拉刷新配套的加载子页面
mui.init({
subpages : [qiao.h.normalPage('list')]
要想实现上拉加载和下拉刷新，必须使用子页面的方式，需要在init中设置。
2.手势事件和默认事件
事件，后退事件，菜单事件，最好在init中设置，
mui.init({
keyEventBind : {
backbutton : false,
menubutton : false
gestureConfig : {
longtap:true
等待加载完成
所有的nativejs方法最好都放到等待加载完成后调用，
// 所有方法都放到这里
mui.plusReady(function(){
window.addEventListener('detailItem', detailItemHandler);
如果不放到等待nativejs加载完成就执行，那么就会报错。
使用tap而非click
与传统页面不同，所有的手势点击操作都请使用tap，而非click，
这样你的app会有更好的体验。
页面间传值
用html做app，不可避免的是页面间传值，
比较推荐的方法有两种：
1.自定义事件传值
在页面用mui.fire激活自定义事件：
// 查看详情
qiao.on('#todolist li', 'tap', function(){
qiao.h.fire('detail', 'detailItem', {id:$(this).data('id')});
在目标页监听自定义事件：
// 所有方法都放到这里
mui.plusReady(function(){
window.addEventListener('detailItem', detailItemHandler);
2.evaljs传值
这种方法不做推荐，但是偶尔也可以使用，
切不可所有传值都用evaljs传值，
在页面调用目标页方法：
qiao.h.indexPage().evalJS(&showBackBtn();&);
在目标页面定义相应方法：
function showBackBtn(){
$('.menua').removeClass('mui-icon-bars').addClass('mui-icon-back');
$('.adda').hide();
自定义样式
如果你想自定义app的样式，
很简单只需要定义css样式就好了。
推荐使用css class覆盖原生class的方法自定app样式。
本文虽短，但是很重要，
当你遇到疑难问题，开发不下去的时候，
请回过头来看看是否遵循以上规则，
90%的问题可以迎刃而解。
更多教程：
HBuilder开发App教程：/book/detail/3
更多学习笔记：/book
> 本站内容系网友提交或本网编辑转载，其目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请及时与本网联系，我们将在第一时间删除内容！
前言 鉴于前几节内容比较多,可能需要消化,所以本节就搞的简单点,主要讲添加事项 添加页 功能 1.点击的图标,弹出添加页 2.填写内容,将事项添加到todo表中,隐藏添加页,显示列表页 3.进入添加页后顶部图标的变化 4.默认提示 页面 1.index页面需要创建添加页,监听跳转添加的事件,以及改变按钮的方法 2.add页填写内容,fire事件到list页面 ...
回顾 回顾一下之前的要点: 1.Hbuilder创建项目,真机调试 2.首页 3.列表页 4.侧滑菜单 5.websql 6.几种页面打开的方式 再讲下本节的要点: 1.fire方式页面间传值 2.再讲websql 完成事项 功能描述 左滑待办事项会出现完成按钮,点击按钮会将待办事项完成,并加入侧滑菜单, 过程 1.左滑出现完成按钮 2.点击按钮后将事项从待 ...
说明 上节说了list页面的实现,其中关于几种页面的打开方式没有详细述说, 本节详细述说下几种页面打开方式的区别. 几种打开页面的方式 1.初始化时创建子页面 2.直接打开新页面 3.预加载页面 示例 1.初始化时创建子页面 mui.init({ subpages: [{ url: your - subpage - url, //子页面HTML地址,支持本地 ...
实战 前面几节基本是一些概念的普及, 正如前面提到的,本教程会以滴石作为范例进行讲解, 有兴趣的可以先行下载体验一下,或者下载源码研究下. 新建项目 打开HBuilder,在项目管理器中右键--新建--移动app,或者直接ctrl+n,a, 见到如下界面,填入项目名称,选择mui项目, 新建完成后,默认生成的目录如下,基本和前端开发的目录结构类似, 连接手机 ...
环境搭建 前言 用HBuilder做开发,其实可以说是最简单的一种环境搭建了,甚至可以说没有环境需要搭建, 想想android开发的时候,相当痛苦,下载各种sdk,而且都需要翻墙,苦不堪言. 用HBuilder做开发,只需要基础的java环境,其余的android和ios环境统统不需要. HBuilder可以做到这一点,是因为: 1.将打包放到的云端,免去了 ...
完结 不知不觉,教程就完结了,感觉很快,有可能是app过于简单吧,或者自己讲的不是很详细? 不管怎么样,总算完结了,附一张美女图片,犒劳下~ ios调试 之前的真机调试一直是用的android真机,今天用了下iphone6,感觉也没啥难度,具体如下: 1.首先你需要有一台iphone,然后数据线连接电脑 2.这之前需要下载itunes,这里,然后是安装itu ...
接近尾声 本节讲讲详情页,删除和退出,然后基本接近尾声了,希望大家有所收获. 详情页 说明 点击待办事项,我跳转到详情页,可以看到事项的详情 detail.html &!DOCTYPE html& &html& &head& &meta charset=&utf-8&& &meta n ...
侧滑菜单 功能 上节讲到了列表页,这节讲一个比较常用的功能,侧滑菜单, 在本app中策划菜单用来记录已经完成的事项. 实现方式 用Hbuilder实现类似侧滑菜单这样原生app功能,一般有两种实现方式,详见:这里. 一是webview实现,二是div模拟实现, 两者的区别是div实现简答,但是偶尔效果不是很好, 而webview实现稍微复杂,页面传值也复杂, ...&&国之画&&&& &&&&&&
&& &&&&&&&&&&&&&&&&&&&&
鲁ICP备号-4
打开技术之扣，分享程序人生！