请问如何根据list中显示的内容动态修改CLASS对应的样式

yutinghappy · 发表于 2016-5-1 21:08:18

请问如何根据list中显示的内容动态修改CLASS对应的样式，就是css中定义三种样式，然后根据内容不同动态设置class的样式名称。

重庆蘑菇云 · 发表于 2016-5-2 00:33:23

我感觉得js里面去实现，具体看需求了

yutinghappy · 发表于 2016-5-3 10:39:57

2楼你说的太浅了，等于没说。
自己继续顶！！！

huaidanzhilei · 发表于 2016-5-3 15:20:33

bind-css /UI2/demo/misc/bind/index.w

yutinghappy · 发表于 2016-5-3 20:20:02

this.comp("span2").setValue("class","x-span1")
改变颜色是否可以改变span标签的class内容？

yutinghappy · 发表于 2016-5-3 20:22:13

例子里是 {'text-danger': foodData.val('fPrice') > 30}，请问3个条件怎么在里面写？

yutinghappy · 发表于 2016-5-3 20:35:11

span标签有三种状态，等于1时使用样式1，等于2时使用样式2，等于3时使用样式3，不知道我这改变样式的逻辑是否正确，还请帮助给出js，谢谢。

jishuang · 发表于 2016-5-4 18:23:59

yutinghappy 发表于 2016-5-3 20:22
例子里是 {'text-danger': foodData.val('fPrice') > 30}，请问3个条件怎么在里面写？

3个条件可以用||或者&&等方式拼接

或者js中动态设置
http://doc.wex5.com/data-bind-css/

liangyongfei · 发表于 2016-5-4 18:25:48

yutinghappy 发表于 2016-5-3 20:35
span标签有三种状态，等于1时使用样式1，等于2时使用样式2，等于3时使用样式3，不知道我这改变样式的逻辑 ...

大体上就是这样写，status1 status2 status3 表示自定义的class样式， status 表示data组件中定义的要判断的字段
{'status1': val('status') == 1,'status2': val('status') == 2,'status3': val('status') == 3}

yutinghappy · 发表于 2016-5-5 09:28:43

解决了！！！跪谢了版主，结贴！

		自动登录	找回密码
密码			注册

[结贴] 请问如何根据list中显示的内容动态修改CLASS对应的样式