更改表视图中选定行的图像

Question

我有一个包含多行的表格视图。我需要更改点击行上的图像。

我的代码：

function ConstruyoMenuLateral(){

  var db = Ti.Database.open('Termolink');
  var rows = db.execute('SELECT * FROM TablaAuxiliar ORDER BY TablaAuxiliar.Nombre');

  NRegistros=ComprueboRegBD();

  var i;

  for (i=0;i<NRegistros;i++){
    TablaNombreTermostatos[i]= rows.field(2);

    var nuevaRow=Ti.UI.createTableViewRow({height:80}); 
    var titulo1=Ti.UI.createLabel({
        id: "NombreTerm",
        text: TablaNombreTermostatos[i],
        color: "black" ,
        textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT, 
        left:20,
        top:5
    });
    var boton4=Ti.UI.createImageView({
        id: "BotonTerm",
        top: 15,
        left: 310,          
        image: "/Teclado open.png"
    });

    nuevaRow.add(titulo1);
    nuevaRow.add(boton4);

    $.MenuLateral.appendRow(nuevaRow);
    rows.next();
  }     

  db.close();       
}

$.MenuLateral.addEventListener('click', function(e){

    if (e.source.id!="BotonTerm") AbrePrincipal();
    else{
        if (EmisorSeleccionado==e.index) {
            $.MenuLateral(e.index).boton4.image="/Teclado close.png";
            EmisorSeleccionado=999;//ya estaba seleccionado, quito selección                
        }   
        else {
            //
            $.MenuLateral(e.index).boton4.image="/Teclado open.png";
        }
    }

    ActualizaPantalla();
});

当我点击BotonTerm时，我需要改变这一行的图像。但是 $.MenuLateral(e.index).boton4.image="/Teclado close.png"; 崩溃了。

我怎样才能做到这一点？

Answer 1

将点击的行获取到：

var rowSelected=e.row;

并使用 updateRow

方法更新

更改表视图中选定行的图像

Change a image of a selected row in a tableview

javascript

appcelerator

appcelerator-titanium