Javascript Titanium，循环标签仅显示数组中的最后一个数据

Question

我创建了一个循环并在 var 标签中使用它。这个想法是它将显示数据数组中的每一行。不幸的是它只显示最后一行。请帮助我:/

这是我的代码:

for (var i=0; i<data.length; i++) {
item = data[i];



var togetherh = Titanium.UI.createLabel({

text : data[i].instelling_title,
font : {
    fontSize : 24,
    fontFamily : 'Helvetica Neue',
    fontWeight : 'bold'
},
color : 'black',
top : '10',
width : '100%',
textAlign : 'center',
height : 'auto',
left : 'auto',
touchEnabled : false

});

var together = Titanium.UI.createLabel({

text : data[i].instelling_id + '  ' + data[i].instelling_desc,
font : {
    fontSize : 12,
    fontFamily : 'Helvetica Neue'
},
color : 'black',
top : '50',
width : '85%',
textAlign : 'left',
height : 'auto',
left : 18,
touchEnabled : false

});
}

这是我的数据数组:

var data = [
 {item: 'SCALDA 1', instelling_title: 'Scalda', instelling_desc: ''},
 {item: '14', instelling_title: 'Scalda', instelling_desc: ''},
 {item: '15', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '16', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '17', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '18', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '19', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: 'ROC22', instelling_title: 'ROC', instelling_desc: ''},
 {instelling_id: '21', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '22', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '13', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '12', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '3', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '4', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '5', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '6', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '799', instelling_title: 'ROC', instelling_desc: ''},
 {instelling_id: '8', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '9', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '10', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '11', instelling_title: 'Scalda', instelling_desc: ''},
 {instelling_id: '23', instelling_title: 'Scalda', instelling_desc: ''}
];

有人可以帮我解决这个问题吗？提前致谢!!

Answer 1

尝试这样:

var lblArr = [];

for(var i=0;i<5;i++){
    lblArr[i] = Ti.UI.createLabel({
        text : i
    });
    Win.add(lblArr[i]);
}

您正在循环中创建具有相同名称的标签，因此所有先前的标签都会被覆盖，只有最后一个标签保留，这就是为什么您只获得最后一个标签。通过将标签推送到数组中，所有标签都会被分开，您可以获得所有标签。

希望这对您有帮助。 :)