event.originalEvent.changedTouches[0].pageX event.originalEvent.changedTouches[0].pageY 在touch-start方法中 获取 初始位置 touch-end 事件中获取结束位置。 位置X 坐标和 Y 坐标相减就能知道滑动距离和方向了 touch-move 事件中客户获取实时位置 Model.prototype.div1Touchstart = function(event){ this.xs = event.originalEvent.changedTouches[0].pageX; //debugger; }; Model.prototype.div1Touchend = function(event){ this.xe = event.originalEvent.changedTouches[0].pageX; alert(this.xe - this.xs); };
请点击下载案例右键运行即可！ test2 第一个进度条案例是参考的：http://bbs.wex5.com/forum.php?mod=redirect&goto=findpost&ptid=117994&pid=165377316 第二案例参考：http://docs.wex5.com/wex5-ui-question-list-2057/
参考：类似于仿途牛：/UI2/demo/tuniu/index_main.w onload事件中实现的效果！ //页面初始化 Model.prototype.modelLoad = function(event){ //页面下拉时页头显示背景颜色 var _this=this; $(this.comp("homeContent").domNode).scroll(function() { if($(this).scrollTop()>100){ $(".x-titlebar", _this.getRootNode()).css({"background-color":"rgba(0,0,0,0.8)"}); } else { $(".x-titlebar", _this.getRootNode()).css({"background-color":"rgba(0,0,0,0)"}); } }); };
报错：Ignoring the whole rule. 一般都是css编译出错了！！删除一部分自定义 css，找下原因，或者css从外部引入 Error in pseudo class or element. (Invalid token "{". Was expecting one of: <IDENT>, ":", <FUNCTION_NOT>, <FUNCTION_LANG>, <FUNCTION>.) Error in attribute selector. (Invalid token "SafMob". Was expecting one [...]
JSON.parse('[{"name":"ee","xid":"usename"},{"name":"ww","xid":"loginname"}]')
参考文档：http://doc.wex5.com/comps-datatables-grid/#2.10 案例请下载测试： test 动态创建的grid也可以接管事件：grid.on("onCellRender ", this.onCellRender) 自定义onCellRender 方法实现渲染能力！
需求1：要求启动APP 必须先登录。启动APP 如果已经登录过了，就不显示登录页！ 直接显示主页！ 如果还没登录，就显示登录页，以及切换到注册等。。 因为wex5开发的功能是单页应用！比如仿淘宝，在index.w中 contens下 content 放置一个windowContainer 组件，作为主页！！，每次启动ＡＰＰ都是优先显示主页的！如果想要做的直接打开登录页，不优先访问主页，就需要将ｃｏｎｔｅｎｔ删除掉！index.w中contents 下是空的！什么都不要放！！ 思路 在onload事件中判断localStorage 中是否有用户信息，（可以参考：/UI2/demo/netease/index.js） 如果有则直接跳转到主页：justep.Shell.showPage("main"); 如果没有用户信息，就弹出一个windowDialog 显示登录页！登录后，在windowDialog的onReceive 事件中再跳转到主页：justep.Shell.showPage("main");！ windowDialog 组件的routable 属性设置为false ，可以防止回退到登录页！这样就只能打开不能路由回去了！ 注册页面也可以放置在windowDialog 中，使用contents组件切换显示登录和注册页面即可！！ 登录后可以将用户信息放置公共的KO 对象中，这样每个页面都能获取用户信息了！：http://docs.wex5.com/wex5-ui-question-list-2096 （注意：第一次Shell.showPage跳转的页面就是主页，所以登录页才不要使用showPage打开！！否则它就是主页了不符合需求！所以使用windowDialog！！！） 需求2：app启动后，直接访问主页，不需要必须登录。只有打开某些页面的时候才做判断是否登录，也可以 思路 也可以在index.w门户中放置一个windowDialog 作为登录页！和‘需求1’ 的思路是一样的！ 每一个shell.showPage [...]
可以在onAfterRefresh 事件中写代码 Model.prototype.orderDataAfterRefresh = function(event){ this.comp('orderData').to(null); }; 可以使用案例进行修改测试：/UI2/demo/baas/simpleData/index.w
参考外码案例/UI2/takeout/index.w 调整按钮和input 的前后顺序 <div class="input-group" component="$UI/system/components/bootstrap/inputGroup/inputGroup" xid="inputGroup1"> <div class="input-group-btn" xid="div7"> <a component="$UI/system/components/justep/button/button" class="btn btn-link" xid="button1" onClick="locationClick" icon="linear linear-book"> <i xid="i15" class="linear linear-book"/> <span xid="span20"></span> </a> </div> <input type="text" class="form-control" component="$UI/system/components/justep/input/input" xid="input4" bind-ref='$model.userData.ref("fAddress")'/> </div> [...]
换行符的替换 Model.prototype.replace = function(str) { str=str+'';//问题解决的关键点 str=str.replace(/\r\n/ig,"<br/>"); return str; }; 特殊字符的替换，比如替换双引号 Model.prototype.replace = function(str) { str=str.replace(/\"/ig,""); return str; };