【分享】html5 开发工具——WeX5中的各种绑定方式

今天我想整理一下html5 开发工具——WeX5中的各种绑定方式，下面分为表现类、流程类、交互类 3 种类型分别介绍。

表现类绑定

表现类的绑定属性有visible、text、html、css、style、attr几种，除了css表示css的class之外，其他都是字面意思。示范用法：

布局中加入一个div标签和一个按钮，并设置div标签的绑定属性如下右所示。

Click the name to edit it; click elsewhere to apply changes.

HTML Code

define(function(require){
var $ = require("jquery");
var justep = require("$UI/system/lib/justep");
var Model = function(){
var that = this;
this.callParent();
this.name = justep.Bind.observable("Justep wex5");
this.editing = justep.Bind.observable(false);
this.edit = function() {
that.editing.set(true);
};
};
return Model;
});
JS Code

这个效果也是比较常见的了，主要是用两个标签的来回切换实现，切换事件由click和hasfocus触发。总结基本的绑定用法就以上这些了，还有一些比如模板绑定和component绑定的内容就留到后续再介绍了。码字不易，顺手点赞哈~#html5、wex5#

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！