javascript - 从数据库将行添加到 TableView

Question

我需要将行追加到从数据库读取数据的 TableView 中。我的问题是所有行都是混合的。

我的代码是

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

var i;
var nuevaRow=Ti.UI.createTableViewRow({height:80});

for (i=0;i<NRegistros;i++){

    var titulo=Ti.UI.createLabel({
        id: "NombreTerm",
        text: rows.field(2),
        color: "black" ,
        textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT, 
        left:20,
        top:5
    });
    var titulo2=Ti.UI.createLabel({
        id: "EstadoTerm",
        text: rows.field(3),
        font: {fontSize: '30'},
        color: "#888" ,
        textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT, 
        left:20,
        top:30
    });
    var titulo3=Ti.UI.createLabel({
        id: "TemperaturaTerm",
        text: rows.field(4)/10,
        font: {fontSize: '50'},
        color: "#888" ,
        textAlign: Ti.UI.TEXT_ALIGNMENT_LEFT, 
        left:200,
        top:5
    });
    nuevaRow.add(titulo);
    nuevaRow.add(titulo2);
    nuevaRow.add(titulo3);
    $.MenuLateral.appendRow(nuevaRow);
    rows.next();
}       

db.close(); 

$.MenuLateral 是用 Alloy 创建的 TableView

        <TableView id="MenuLateral" top="20%" height="60%" left="0%" zindex="20" width="100%" backgroundColor="white" separatorColor="gray">
        </TableView>

数据库中的每条记录都需要一行。问题出在哪里？？

谢谢

Answer 1

只需将这行代码var nuevaRow=Ti.UI.createTableViewRow({height:80});移动到for循环中即可。

实际上，您只创建了一个 TableViewRow 变量，如果您将使用同一变量来追加行，那么它将只是一行，并且从 for 循环内部添加了许多标签。

所以只需尝试以下代码:

var i;

for (i=0;i<NRegistros;i++){
    var nuevaRow=Ti.UI.createTableViewRow({height:80});
...