另一种方法，如果你想在图像视图上添加事件，你可以添加像这样的东西

Question

我创建了一个tableview行。在tableview中每行都有一个lebel和2个图像视图。如果点击图像，选定的标签值行需要改变一些东西。

但是如果点击图片，我的代码就会更改最后一项的标签值。我的代码中有什么问题。

for( var i=0; i<data.length; i++){ 
    var row = Ti.UI.createTableViewRow({
    layout : 'horizontal',
    width: "100%",
    height: Ti.UI.SIZE,
});
row.add(Ti.UI.createImageView({
    image: data[i].image,
    top: 5,
    width: '50',
    height: Ti.UI.SIZE,
}));
row.add(Ti.UI.createLabel({
    text: data[i].name,
    top: 5,
    width: 180,
    color: '#040404',
    height: Ti.UI.SIZE,
}));

var deleteitem = Ti.UI.createImageView({
    image: "images/back.png",
    top: 5,
    i:i,
    squantity : data[i].itemCount,
    spprice :data[i].itemPrice,
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    myrow: row,
});
row.add(deleteitem);
var adddeleteitemview = Ti.UI.createView({
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
    layout : 'horizontal',
    left:10,
    borderColor:"gray",
    borderRadius:"10"
});
var removeitem = Ti.UI.createImageView({
    image: "images/minus.jpg",
    top: 5,
    width: Ti.UI.SIZE,
    squantity : data[i].itemCount,
    spprice :data[i].itemPrice,
    height: Ti.UI.SIZE,
});
adddeleteitemview.add(removeitem);
var itemcounttext = Ti.UI.createLabel({
    top: 5,
    text:data[i].itemCount,
    width: Ti.UI.SIZE,
    height: Ti.UI.SIZE,
});
adddeleteitemview.add(itemcounttext);
removeitem.addEventListener('click', function(e) {
    squantity = e.source.squantity;
    spprice = e.source.spprice;
    totalqty = Number(totalqty) - Number(1);
    $.ViewCartItemslist_header_cart.text = totalqty;
    totalamount = Number(totalamount) - Number((spprice));
    squantity = Number(squantity) - 1;
    itemcounttext.text=squantity;
    $.ViewCartItemslist_total_value.text = totalamount;
});

var additem = Ti.UI.createImageView({
    image: "images/plus.jpg",
    top: 5,
    width: Ti.UI.SIZE,
    squantity : data[i].itemCount,
    spprice :data[i].itemPrice,
    height: Ti.UI.SIZE,
});
    adddeleteitemview.add(additem);
    additem.addEventListener('click', function(e) {
        squantity = e.source.squantity;
        spprice = e.source.spprice;
        totalqty = Number(totalqty) + Number(1);
        $.ViewCartItemslist_header_cart.text = totalqty;
        totalamount = Number(totalamount) + Number((spprice));
        squantity = Number(squantity) + 1;
        itemcounttext.text=squantity;
        $.ViewCartItemslist_total_value.text = totalamount;
    });
    row.add(adddeleteitemview); 

    dataArray.push(row);
    row.addEventListener('click', function() {});
    deleteitem.addEventListener('click', function(e) {
        squantity = e.source.squantity;
        spprice = e.source.spprice;
        $.ViewCartItemstableView.deleteRow(e.source.myrow);
        totalqty = Number(totalqty) - Number(squantity);
        $.ViewCartItemslist_header_cart.text = totalqty;
        totalamount = Number(totalamount) - Number((spprice * squantity));
        $.ViewCartItemslist_total_value.text = totalamount;
    });   
};
$.ViewCartItemstableView.setData(dataArray);
}

修改

来自Tony的回答我得到了一些改进。

removeitem.addEventListener("click",function(e){
var item=e.source;
item.getParent(); 
Ti.API.info("parent"+item.getParent());
 });

这里得到的结果如下：

parent [object TiUIView]

如何修改

的文字

 var itemcounttext = Ti.UI.createLabel({
        top: 5,
        text:data[i].itemCount,
        width: Ti.UI.SIZE,
        height: Ti.UI.SIZE,
    });

如何获取此标签ID值并需要在imageview onclick事件监听器中修改结果（（即）removeitem.addEventListener（＆＃34; click＆＃34;，function（e）{）

如果有人知道给我一个实施的想法

修改

来自Tony commment。，

它在IOS中运行良好。但它不适用于Android实现。

警报（item.children [1] .getText（））;

我正在获取具有正确更新值的警报。但它没有显示在标签中。你能给我一个想法在android中解决这个问题。

Answer 1

您可以在表视图上添加click事件，然后以这种方式访问表视图行的子项

    s_f_table.addEventListener("click", function(e) {
    var l = e.row.children[0];

    if (l.getColor() == '#919191') {
        l.applyProperties({
            backgroundColor : o_color,
            color : "white"
        });
    } else {
        l.applyProperties({
            backgroundColor : "white",
            color : "#919191"
        });
    }

});

在我的代码中，表视图行中的第一个子项是一个标签，因此如果您知道它们的顺序，则可以访问表视图行的子项

另一种方法，如果你想在图像视图上添加事件，你可以添加像这样的东西

anImageView.addEventListener("click",function(e){
    var item=e.source;
    item.getParent();//so now you are in the table row 
    // so you can access any child and modify it    
     });

编辑：作为您的上次更新，您现在位于父视图中父[对象TiUIView] 哪个有两个孩子，其中第二个孩子就是你要修改它的标签，所以现在你得到视图后你可以拨打view.children[1].settText("any thing you want")

单击钛中的tableviewrow项时更新标签文本

1 个答案:

另一种方法，如果你想在图像视图上添加事件，你可以添加像这样的东西