如何获取列表中button 的JS对象

gzh268

在菜品列表中放一个btn 标签循环显示 “选规格 ”  和 “收起”
        Model.prototype.sizeBtnClick = function(event){
               
                var row = event.bindingContext.$object;
                var sizeBtn = this.comp("sizeBtn");
                if(sizeBtn.get("label") == "选规格"){
                        sizeBtn.set("label" , "收起");
                } else {
                        sizeBtn.set("label" , "选规格");
                }
               
        };

结果发现 点击第一行里的btn 正常变换 标签值  再点击其他行btn 都是 改变 第一行里的btn的标签值


这应该是我没有获取到当前行的btn的JS对象，求赐教！谢谢！

liangyongfei

在list 中 ，不能使用 this.comp 获取组件对象！
如果是在onClick 事件中，可以通过 event.source  获取组件对象！
http://docs.wex5.com/wex5-ui-question-list-2077/

另外，list中的显示，建议都通过绑定data组件字段实现。 button bind-text 绑定一个计算列字段就可以了

只要修改当前行字段的值即可！

展开和收起 ，也可以通过bind-visible 绑定字段实现，当然也可以参考
/UI2/demo/native/shareInfo/index.w

gzh268

liangyongfei 发表于 2018-3-6 11:46
在list 中 ，不能使用 this.comp 获取组件对象！
如果是在onClick 事件中，可以通过 event.source  获取组 ...

根据指导问题已经完美解决了，抱歉，没有及时回复，请结贴吧！非常感谢老师的耐心指导！