使用bind-style 或者 bind-css就可以实现!
建议看下文章介绍:
http://doc.wex5.com/data-bind-css/
http://docs.wex5.com/data-bind-style/
案例:/UI2/demo/misc/bind/index.w
建议先学习下动态绑定视频:
http://doc.wex5.com/data-bind/
另外:如果比较复杂的业务逻辑,来控制显示样式,可以通过bind-style 或 bind-css 绑定一个自定义js方法,在js中通过复杂的业务逻辑运算,进行字符串的拼接!最终返回一个json 对象即可,
比如
1 2 3 4 | //bind-css return JSON.parse( '{"text-danger": true}' ); //bind-style return JSON.parse( '{"color": "#c0c0c0"}' ); |
也可以直接构造返回一个json对象,比如
1 2 3 4 | //bind-css return { "text-danger" : true }; //bind-style return { "color" : "#c0c0c0" } |
评一波