HTML Codedefine(function(require){var $ = require("jquery");var justep = require("$UI/system/lib/justep");var Model = function(){this.callParent();var that = this;this.items = justep.Bind.observableArray([{itemName: "JavaScript", creatTime: "Feb 10 2013"},{itemName: "HTML", creatTime: "Mar 21 2015"},{itemName: "CSS", creatTime: "May 13 2016"}]);this.addItem = function () {that.items.push({itemName: "WeX5", creatTime: new Date().toDateString()});};//remove的对象是整个 li标签，也就是 a标签的父对象 。实际上要执行的是 Model.items.remove(a.parent)this.removeItem = function() {that.items.remove(this);};};return Model;});HTML Code
文章插图
交互类绑定
交互类绑定主要用在表单中，包括常用的value、、、以及等 。下面简单说说 。
（1）value绑定
【【分享】html5 开发工具——WeX5中的各种绑定方式】使用方法和上面的一样，在界面设计器中绑定bind-value，然后在 js 中进行相应的操作即可 。比如官方的Hello World教程，也可以用 value 绑定来改写：
先往界面编辑器中加入一个控件和一个input控件，设置控件的bind-text为‘Hello， ’+ .get()，然后设置input控件的bind-value为 。然后在js中将设置为可观察对象即可 。
这样效果就出来了，每次输入完输入框失去焦点后的内容就会被刷新 。如果要让输入值马上更新到中，那就要配置一个附加参数，bind-value设置为 , : ‘’ 。效果：
（2）绑定
属性HTML5的同学会知道DOM3事件中新增了一个 ‘’事件，WeX5中也支持这个事件的绑定，目前可视化界面中还没有这个事件，但是可以在自定义属性中使用它 。
如果需要实时同步效果的话，更推荐这个方法，不单更加简单，对浏览器的支持也更加好 。
（3）、绑定
在下拉列表中可使用来绑定子项的值，子项既可以是字符串，也可以是 js 对象 。操作与上述绑定一样，在控件上自定义属性bind-，在js中设置其绑定值为可观察对象数组（如this. =.Bind.([“Mark”,”Jimmy”,”Denny”]);） 。绑定 js 对象也基本一样的操作，只是需要注意设置相关的属性 。具体可参考官方教程：
（4）绑定
这个主要用在输入框上，不过原生事件中也有个focus，所以显得不是特别有用，这里给个案例 。
代码：
Name:
- 自拍的照片不太清晰怎么办？拍摄的模糊照片如何修复高清？
- 其他入库单会计分录 金蝶其他入库单会计分录
- 【观察】跨境电商“独立站”模式崛起，如何抓住下一个红利爆发时代？
- 诸葛亮十万大军兵伐中原司马懿拖延不战而胜
- 曹操如何在乱世中收揽人心让手下甘心效命的？
- 11. 计算排列的编号【组合数学】
- Matlab代码实现 【sop】基于灵敏度分析的有源配电网智能软开关优化配置
- 【Kettle从零开始】第二弹之Kettle文件夹与界面介绍
- 谷歌地球展绘卫星轨迹
- 四 数据挖掘实战分享：财政收入影响因素分析及预测