list组件从data中获取图片路径显示，增加注释内容失败

xiaozhu90028

附件中添加了图片和目录结构。

本来希望在任意图片中点击后，在此图片中显示注释内容（可能不止一个注释）。

现在遇到的问题是：
1. 因为组件原因，li里面的所有的组件xid都是一样的，所以点击事件不能识别点击组件所在的位置（或者说只能获取目录中的div5的坐标，所做的操作始终在第一个位置显示）
2.尝试获取鼠标点击与控件的相对坐标，以下：
        Model.prototype.div4Click = function(event){
                // 鼠标相对于屏幕的坐标
                var x = event.clientX;
                var y = event.clientY;
               // 滚动坐标
               var scrollTop=document.documentElement.scrollTop   ||  document.body.scrollTop;

        var scrollLeft=document.documentElement.scrollLeft  ||  document.body.scrollLeft;
      scrollTop，scrollLeft始终未0，所以不能作为判断条件

修炼不够，请高手指点下，有没有实现的方法？

jishuang

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

xiaozhu90028

感谢回复～！
按照问题详情调试了下，发现获取list中所有控件的xid都是相同的。

                <div component="$UI/system/components/justep/row/row" class="x-row"

                  xid="row1" bind-click="row1Click">

                  <div class="x-col" xid="col1"/>  

                  <div class="x-col" xid="col2">

                    <a bind-attr-test='$index()' component="$UI/system/components/justep/button/button"

                      class="btn btn-default" label="button" xid="button1">

                      <i xid="i2"/>  

                      <span xid="span3"/>

                    </a>

                  </div>  

                  <div class="x-col" xid="col3"/>

                </div>

        Model.prototype.row1Click = function(event){

               

                var buttonDom = $(event.currentTarget).find("a[test='" + event.bindingContext.$object.index() + "']");

                var buttonObj = this.comp(buttonDom[0]);

                justep.Util.hint("  " + event.bindingContext.$object.index() + "  Oh:" + buttonObj.get("label") + " Xid:" + buttonObj.getXid());

               

                var arr = this.comps("button1");

               

                justep.Util.hint(arr.length + "  " + arr[0].getXid() + "   " + arr[1].getXid());

这个情况下，怎样实现点击后，在点击的位置叠加显示“注释内容(span)”？

另外，有没有其他方法能在list中定（如点击第2行的button，在第2行的位置显示一个注视内容，而不是在第1行的位置显示。因为目前是以控件的父Xid定位的）？

望指导下，谢谢！

xiaozhu90028

按提示已经基本实现功能，请关闭，谢谢！

        Model.prototype.row2Click = function(event){
                var buttonDom = $(event.currentTarget).find("[test1='" + event.bindingContext.$object.index() + "']");
//                var buttonObj = this.comp(buttonDom[0]);

                var pop = this.comp("popMenu1");
                pop.set({"anchor":buttonDom});
                pop.show();
        };

----------------
http://bbs.wex5.com/forum.php?mo ... 9484&highlight=自定义属性
注意jquery 对象和 js 对象的区别！
你获取的dom是 jquery 对象 而不是js  dom 节点对象！
----------------