list中的output组件如何实现点击改变背景色

nanoha

list中的output组件如何实现点击改变背景色

q2045377

在 onclick事件中写css样式就是了，，，用js方法改变样式，，百度下就有了

nanoha

能不能详细说明一下，百度的改变bind-css样式看不懂

q2045377

nanoha 发表于 2017-8-21 17:57
能不能详细说明一下，百度的改变bind-css样式看不懂

又不是在bind-css里写，，是在js里写

要是用bind-css可以参考记事本案例list页面

js方法   比如$(div).css.("width","100px")

nanoha

其实我是想实现list里面点击一跳数据让其改变背景色

userkevin

可以先定义一个jestup.Bind.observable('')值为空，然后再点击事件中去设置，点击一条，设置之前定义的那个变量的值为你当前行数据的主键，然后再bind-css或者bind-style通过判断定义个那个值跟当前数据的主键是否匹配给其绑定样式，感觉我说的比较晦涩,不知道你能不能听懂

zly

CSS里写：
.li-Start {background-color:#ADFF2F;color:#000000;font-weight:bold;}
.li-End {background-color:#D3D3D3;color:#000000;font-weight:bold;}
output的bind-css里写
{'li-Start' : val("status") === '0','li-End' : val("status") === '1'}
data里如果没有status字段就加一个boolean的，
这是你想要的吗

jishuang

如果是list设置当前行样式参考
http://docs.wex5.com/bex5-ui-question-list-10025/