在list里面控制div的显示和隐藏，为什么只作用到第一条

ffqfb_wzy

在list里面怎样才能控制指定某一条里面的元素呢？
我点击任何一条记录的按钮，都会作用到第一条

半导体

list渲染生成的东西  他们的Xid 是相同的  所以用this.getElementByXid这样是不对的  
建议采用dom方法  使用event.target来完成

liangyongfei

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

ffqfb_wzy

//获取当前行button的 dom节点

var  buttonDom = $(event.currentTarget).find("a[xid='button']");

//根据dom节点获取组件对象

var buttonObj =  this.comp(buttonDom[0])
这里的this.comp(buttonDom[0])是获取的第一行的组件对象吧，如果想获取当前行应该怎样写？

注意：list中生成的组件dom节点有可能会是完全一样的，id 和 xid 都一样，这样就无法获取到的是哪个dom节点了，容易混，所以list下在生成dom节点的时候，建议添加一个自定义属性，通过绑定$index()  ,这样就可以区分dom节点了！
怎样添加自定义属性呢？
什么情况会发生“id 和 xid 都一样”的情况呢？

ffqfb_wzy

怎么获取不到dom呢？

liangyongfei

ffqfb_wzy 发表于 2016-12-14 13:44
怎么获取不到dom呢？

divDom 获取的是什么？？
这个jquery 对象存在吗？？如果不存在，当然就没有获取到dom节点！

请问你的button组件  xid是 liuyan 吗？？是的话才可以获得button的dom节点！

4楼的问题，自定义属性是值，在button 的源码中 添加一个属性，比如 叫做test

1. <a test='$index()' component="$UI/system/components/justep/button/button" class="btn btn-default" label="button" xid="button1">
   
2.    <i xid="i1"></i>
   
3.    <span xid="span1"></span></a>

复制代码

然后你就可以使用find("a[test='"+event.bindingContext.$object.index()+"']")

半导体

ffqfb_wzy 发表于 2016-12-14 13:44
怎么获取不到dom呢？

var buttonDom = $(event.currentTarget).find("a[xid='liuyan']");
var buttonObj = buttonDom[0];
这个buttonObj就是a的dom节点了

ffqfb_wzy

测试成功，谢谢，结贴