hbuild json红叉_MUI+Hbuilder之踩坑(三)

1.1获取input值单个

js:

var input_ = document.getElementById('inputid');

var input_mui = mui('#inputid');

console.log(input_.value);//aaa

console.log(input_mui.value);//undefind

console.log(input_mui[0].value);//aaa

mui元素药转成DOM元素才能用。。什么鬼!

用mui元素+“[0]”来转

1.2获取input值列表

click me

js:

function fn_(){

mui('#formid input').each(function(k,v){

console.log(v.value);//ok的,该什么是什么

});

}

1.3点击问题(tap)

【此处注意一下,像带mui,addEventListener("tap"很像mui标签的代码的时候,都写在mui.init()这句话的后面!!!skr!skr!】

列表是可以用的

test

js:

var vm = new Vue({

el:'#vuelist',

data:{itemlist:[1,2,3]}

});

function fn_(){ //todo }

但是单个的就不行

//错误,用tap这个fn_()是无效的

click me

//简单的mbody元素中正确。但是这个尽量不要用,场景不同它不一定都生效

click me

1.4点击问题(单个元素)

//错误

mui('#addlisten').on("tap",function () {

console.log('mmm');

appendCon.appendChild(children);

});

//正确,有效的

var btn = document.getElementById("addlisten");

//监听点击事件

btn.addEventListener("tap",function () {

console.log("tap event trigger");

});

//错误

mui("addlisten").addEventListener("tap",function () {

console.log("tap event trigger");

});

//正确,有效的

mui('#addlistenCon').on("tap","#addlisten",function () {

console.log("tap event trigger");

});

1.5mui元素动态添加

mui('#addlistenCon').on("tap","#addlisten",function () {

var div_ = document.createElement('div');//这个div你如果定义在外面的话,就只能用一次

div_.innerHTML = 'get!!';

document.getElementById('lazyCon').appendChild(div_);

});

1.6事件代理

div是#lazyCon中动态生成的元素

//正确

mui('#lazyCon').on("tap","div",function () {

});

//正确

mui('#lazyCon').on("click","div",function () {

});

嗯,动态生产的a标签也是可以点击跳转的哈

1.7vue和mui结合的数据加载

这么写哈!!!一天整那些乱七八糟的!!

mui.init();

var vm = new Vue({

el: '.mui-content',

data: {

content:'ori'

},

mounted: function (){

this.content = 'jack'

mui.ajax('../datatest/test.json', {

type:'GET',

dataType: 'json', //服务器返回json格式数据

success: function(res) {

vm.content = 'Jack1...'

console.log(this.content);

},

error: function(xhr, type, errorThrown) {

mui.toast('获取文章内容失败');

//TODO 此处可以向服务端告警

}

});

},

methods:{

}

});

1.8询问框

mui.confirm('确定要删除该订单吗?','',['取消','确定'],function(e){

if(e.index == 1){

mui.toast('shanchu ');

}else{

mui.toast('nonono ');

}

});

1.9跳转

mui('body').on('tap','a',function(){

window.top.location.href=this.href;

});

2.0复制粘贴功能实现

document.getElementById('span_copy').addEventListener('tap',function(){

var vbillno = document.getElementById('vbillno').innerText;

switch(plus.os.name){

case 'iOS':

//获取剪切板

var UIPasteboard = plus.ios.importClass("UIPasteboard");

var generalPasteboard = UIPasteboard.generalPasteboard();

// 设置/获取文本内容

generalPasteboard.setValueforPasteboardType(vbillno, "public.utf8-plain-text");

var value = generalPasteboard.valueForPasteboardType("public.utf8-plain-text");

break;

case 'Android':

var Context = plus.android.importClass("android.content.Context");

var main = plus.android.runtimeMainActivity();

var clip = main.getSystemService(Context.CLIPBOARD_SERVICE);

plus.android.invoke(clip,"setText",vbillno);

break;

}

mui.toast("订单号已复制成功");

});

2.1返回上一页并刷新

这个很常用,一个list表单,点其中一个跳到编辑页面,提交返回并刷新

//返回上一页

mui.oldback = mui.back;

function goback(){

plus.webview.currentWebview().opener().reload();

mui.oldback();

}

//但有时我们会a-b-c

希望直接返回上上一页,从c返回a

a-b时用formpage_id = plus.webview.currentWebview().opener().id获取a的页面id,

为什么不直接传值呢?因为真实的项目情况是如果b页面变得经常被复用,那么你是否要给a1,a2,a3....页面都去加一个专属id?很麻烦不好维护

b-c时将该值formpage_id 传给c

plus.webview.getWebviewById(formpage_id).reload();

唉~~~(>_

image.png

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/567437.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

处理死锁的四种方法

前面讲过预防死锁是通过破坏死锁的四个必要条件,所以就有四个预防死锁的方法吗?错!只有三种,因为互斥条件是必须的,不仅不能改变,还应该加以保证。因此只能破坏后三个条件。 一、破坏请求和保持条件 方法…

c++输出小数点后几位_Python格式化输出的精度和位数控制

上一期小哥讲解了Python格式化输出的三种方式:本期小哥讲解一下关于小数精度和字符串位数的控制:1. 小数精度控制Python中对于小数精度的控制的使用方法:# 定义变量a 3.1415926# 小数点后保留3位%.3f% a# 输出:3.142# 小数点后保…

ifeq makefile 或语句_学习笔记:Makefile的ifeq逻辑或,逻辑与的变通实现

(1)ifeq的用法ifeq ($(变量名), 变量值 )........else ifeq ($(..), ..).........else.........endif(2)最近在学习makefile的过程中遇到需要用ifeq进行逻辑与判断,但是ifeq并没有像其他编程语言那样有 逻辑或(||) 逻辑与(&&) 的符号可用。这时…

自动目录中的页码格式-1-变为为1

论文要求:正文页码格式为-1- 形式, 目录页码格式为1形式。(只有阿拉伯数字,没有中划线) 于是:引用-生成自动目录后,目录中的页码也是-1-的形式。 解决方案: 正文页码格式为:1 形…

jenkins插件调用job_【Jenkins插件_实践】1.Job Import Plugin迁移Jobs

引言如果,你想将远程服务器A中jenkins的Job同步或导入到远程服务器B中的jenkins?最原始的方法是将A中jenkins的jobs目录文件的内容打包复制到B中jobs目录中。但是,笔者认为,这种方法只有万一不得以才可一用。如果,后期…

tomcat 参数最佳实践_一线架构师开发总结:剖析并发编程+JVM性能,深入Tomcat与MySQL...

每一个程序员都有自己清晰的职业规划和终极目标,无论之后是继续钻研技术,还是转管理岗、产品岗,都是需要自己具备有一定的实力,换句话说技术要牛逼。架构师,是很多程序员的终极目标,而成为一名Java架构师&a…

改进型的时钟置换算法-解惑

此算法又称为第二次机会算法;大致有两种思路: 思路1: 王道讲解的: 思路2: 清华大学陈渝讲解的: 刚开始接触时,觉得有一个是错误的,但不知道是哪个错误,其次清华大学这…

机器人合金礼包_《Apex英雄》福利twitch礼包领取详细攻略,1机器人皮肤+5个包!...

原标题:《Apex英雄》福利twitch礼包领取详细攻略,1机器人皮肤5个包!【立马游戏加速器游戏资讯】《Apex英雄》twitch礼包中包含1机器人皮肤和5个包,相信很多玩家都想要这个礼包!然而这礼包怎么领取呢?今天小…

python hack_Python进阶:深入GIL(上篇)

Python进阶:深入GIL(上篇)HackPython致力于有趣有价值的编程教学 简介 熟悉Python的人理应都听过GIL(Global Interpreter Lock,全局解释器锁) ,大概也知道它就是造成Python多线程并发其实是「伪并行」的核心原因,但依旧很多人没有…

ifconfig相关

目录 一、ifconfig command not found 二、ifconfig结果相关参数解释 一、ifconfig command not found 出现这个问题的原因是新版本的linux默认不带 ifconfig(我这里是centos7,最小安装),官方推荐使用ip命令查看ip:i…

k8s jenkins pipeline 多分支发布_给 Jenkins 换一个新皮肤:BlueOcean

BlueOcean是什么Jenkins是一款Java开发的跨平台持续集成和持续发布的开源项目,它具有如下特征:安装及迁移方便:安装直接部署war包,迁移只需替换JENKINS_HOME目录。配置方便:可视化后台操作。丰富的插件生态圈&#xff…

python能做什么效果_python对于做SEO主要有什么作用?

一直没完整的解释这个问题,这边详细说下吧。准确说不是Python对SEO有什么作用,而是会一门程序语言对SEO有什么用。Python仅是诸多程序语言中,个人评估下来最为推荐的一种,但用其它程序语言一般也没太大的差别。后面简单起见都以Py…

linux文件目录解释

/根目录/bin存放用户使用的命令,二进制的可执行文件/boot开机启动相关的文件/dev系统中必要的设备文件/etc系统配置文件/home普通用户家目录,在目录下有与普通用户同名的目录rootroot用户的家目录/lib,/lib64库文件/media可以热插拔的设备的挂载点/mnt临…

xpath 取标签下所有文字内容_xpath提取目录下所有标签内的内容,递归 //text()...

利用xpath来提取所有标签里面的内容,即使标签头不同 #-*-coding:utf8-*- import re import os from lxml import etree html = 测试-常规用法 我是谁 who am i!你是谁!who you are! selector = etree.HTML(html) for k in range(1,3): chinese = selector.xpath(//div[@id=…

Linux、Linux操作系统、GUN、GPL

目录 Linux Linux操作系统 GUN GPL Linux 也许很多人会不屑的说,Linux不就是个操作系统么。错!Linux不是一个操作系统,严格来讲,Linux只是一个操作系统中的内核。内核是什么?内核建立了计算机软件与硬件之间通讯的平…

python读取大文件的坑_如何在Python中读取大文件的特定部分

Given a large file (hundreds of MB) how would I use Python to quickly read the content between a specific start and end index within the file? Essentially, Im looking for a more efficient way of doing: open(filename).read()[start_index:end_index] 解决方案…

oryx 推荐系统_Cloudera为Hadoop带来机器学习开源工具Oryx

Hadoop发行商Cloudera去年收购伦敦的创业公司Myrrix时,并未引起业界太多关注,其后Cloudera也很少宣传公司在机器学习方面的技术。但是Myrrix的的技术和其创始人Sean Owen在机器学习方面的价值和影响力不容小觑。Owen目前正在开发一个开源机器学习项目——…

POSIX与程序可移植性

目录 一、系统调用和库函数 1、系统调用 2、库函数 二、程序的可移植性及其本质 三、系统开销 四、POSIX 1、定义 2、历史 3、谁来遵循 一、系统调用和库函数 1、系统调用 系统调用是通向操作系统本身的接口,是面向底层硬件的。通过系统调用,可…

python一个函数调用另一个函数的返回值_在另一个函数中使用返回值

所以我认为当你调用check_channel_number函数时,user_channel_number是在那里定义的,所以当你调用delete_events函数时,它已经超出了范围,也许这样会有帮助?user_channel_number check_channel_number() delete_event…

144显示器只有60_你知道显示器60Hz和144Hz的刷新率差别有多大吗?你没有用过吗?...

不知什么时候开始,高刷新率成为了显示器的一个重要卖点,成为了电竞游戏显示器的标配,越来越多的人在购买显示器时,开始抛弃早已定格60Hz刷新率,逐渐向120Hz刷/144Hz刷乃至更高的刷新率上靠拢。那么显示器60Hz和144Hz刷…