在list中放置组件，比如input 组件bind-ref 绑定data字段的写法应该是ref('字段')   val('字段')  或者 $object.val('字段')  普通的input组件，没有放置在list中，bind-ref绑定data字段的写法是 data.val("字段")   或者   $model.data.val("字段")     详细理解 在list中 循环渲染数据的时候，是循环的data组件！每次循环一行数据，list中 被渲染的这一行数据，行对象就是$object ，  获取某个字段的值就是$object.val('字段')    $object可以省略    直接写成  val('字段') 而当前行，表示的是data组件真正选中的行，是哪一行？？默认选中的是第一行！ data.val("字段",row)   其中第二个参数可以不写，默认是就是当选中前行！（相当于游标）  $model 表示model对象！！每个data组件都是注册在model对象上的！所以可以直接通过 $model.data获取data组件     $model 可以省略

需求：想通过给iframe 的src 属性赋值不同的URL ，显示不同页面！ 解决方法： 和图片动态显示一样的！自定义属性bind-attr-src 然后定义KO对象 指定一个网址！！ 修改的时候只需要ＫＯ对象重新赋值即可 var Model = function(){ this.callParent(); this.test = justep.Bind.observable('https://www.baidu.com/'); }; 修改 this.test.set('http://bbs.wex5.com/forum.php'); bind-attr-src 绑定test即可

attachmentSimple 组件上右键，切换到源码模式查看！（可以先格式化w源码） 在attachmentSimple组件的源码中找到字符串 <div data-bind="foreach:$attachmentItems" 在这个div下面的节点中 通过 KO绑定显示文件的名称！！书写格式比如： <span data-bind="text:$object.realFileName.get()" /> 或者 如果给title赋值，或其他自定义属性赋值，写法是 data-bind="attr:{title:$object.realFileName.get()} 这个标签下就会生成自定义属性 title 等于 文件名称

attachmentSimple 组件实际上就是对 input type=file 标签做了一个封装！ accept属性表示选择文件的类型 和 标准的input type=file 的取值范围是一样的 详细介绍请参考 http://blog.csdn.net/libinemail/article/details/51022922

参考代码： e.target.result就是最后的路径地址 var uploader = this.comp("attachmentSimple1").uploader; uploader.on('onFileSelected', function(event) { var file = event.file; if (window.FileReader) { var reader = new FileReader(); reader.readAsDataURL(file); // 监听文件读取结束后事件 reader.onloadend = function(e) { var base64String = e.target.result; // e.target.result就是最后的路径地址 [...]

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)"}); } }); };