list中更改按钮动态 如何获取当前行？

Sunxx

首先，通过 var row = event.bindingContext.$object; 这个语句我获取了当前行
然后，通过 this.comp("accBtn").set({"disabled":true,label:"接受",icon:"icon-ios7-stopwatch-outline"}); 对按钮的动态进行修改。
问题：目前当我鼠标移入第一条数据的时候，可以实现效果，当我鼠标移入第二条获取其他条数据的时候。都是显示第一条效果。不能对列表中的每一条数据进行准确的修改动态!
请求大神们帮忙解答一下，this.comp("bttonxid").set(); 怎么使用当前行数据 谢谢

liangyongfei

this.comp("bttonxid")  当然用于获取的是第一行！！ 因为list中  xid是一样的！！ 优先获取是第一个！
你的需求应该通过bind-css  或 bind-style 实现！

http://docs.wex5.com/wex5-ui-question-list-2102/
list绑定自定义js函数
http://docs.wex5.com/wex5-ui-question-list-2210

Sunxx

或者有其他更好的方法？

liangyongfei

Sunxx 发表于 2017-12-13 13:38
或者有其他更好的方法？

list 中根据数据显示不同样式！  或者选中行修改样式！都是通过bind-style或 bind-css   动态绑定实现的！
如果你不理解，建议先看下视频
http://pan.baidu.com/s/1hqlBoC8

Sunxx

disable 用 bind-disable 解决了  icon 可以不改变动态 请问 lable的动态怎么改变？

Sunxx

liangyongfei 发表于 2017-12-13 13:41
list 中根据数据显示不同样式！  或者选中行修改样式！都是通过bind-style或 bind-css   动态绑定实现的 ...

icon 和 lable 值 还是不行。。。。

liangyongfei

Sunxx 发表于 2017-12-13 15:06
icon 和 lable 值 还是不行。。。。

http://docs.wex5.com/wex5-ui-question-list-2053/

icon动态设置需要获取 当前行 button 组件对象才可以,调用API 才可以！
http://docs.wex5.com/wex5-ui-question-list-2061/
或者你在i标签上设置  bind-css 动态设置class属性


lable  设置bind-text 属性 绑定自定义函数或data字段就可以了！

Sunxx

liangyongfei 发表于 2017-12-13 15:36
http://docs.wex5.com/wex5-ui-question-list-2053/

icon动态设置需要获取 当前行 button 组件对象才可 ...

{'lable':val("fOrderState") =="正在处理中..." ? '已接单': '接单'}

这样做的话 显示[object object]

Sunxx

liangyongfei 发表于 2017-12-13 15:36
http://docs.wex5.com/wex5-ui-question-list-2053/

icon动态设置需要获取 当前行 button 组件对象才可 ...

val("fOrderState") =="正在处理中..." ? '已接单': '接单' 这样做可以实现 但是就是icon不能显示了

liangyongfei

Sunxx 发表于 2017-12-13 16:23
val("fOrderState") =="正在处理中..." ? '已接单': '接单' 这样做可以实现 但是就是icon不能显示了 ...

在源码的i标签上  设置  bind-css 属性  指定icon的 值就可以了！

1. <a component="$UI/system/components/justep/button/button" class="btn btn-default"
   
2.           label="arrow-down" xid="button15" icon="" onClick="button15Click" >
   
3.           <i xid="i16" class="" bind-css="{'icon-ios7-arrow-up':true}"/>  
   
4.           <span xid="span16">arrow-down</span>
   
5.         </a>

复制代码

比如像上边这样
bind-css="{'icon-ios7-arrow-up':true}"

或者bind-css绑定一个自定义函数！返回复杂的class属性值！  只要class属性值是icon的值就可以！