Question

我已经从ArrowDB查询并获得了一个事件列表，现在我希望在单击特定视图时显示每个单独的事件详细信息。我的代码如下所示，除了它将所有查询事件的详细信息放在打开的窗口上，它显示最后查询的事件在顶部。

我该怎么办？我的大脑无法解决这个问题。

 Cloud.Events.query(function (e) {
        if (e.success) {
            alert('Success:\n' + 'Count: ' + e.events.length);

            for (var i = 0; i < e.events.length; i++) {
                var event = e.events[i];
                alert('id: ' + event.id + '\n' +
                      'name: ' + event.name + '\n' +
                      'start time: ' + event.start_time);
                var holdview = Ti.UI.createView({
                     backgroundColor: '#d3d3d3',
                     backgroundImage: 'testview.png',
                     width: '85%',
                     height: '85%',
                     top: '5%'
                });

                //adding holdview to a scrollable view

               xperiencesscrollableview.addView(holdview);

               var testlabeltitle = Ti.UI.createLabel({
                    top: '5%',
                    width: '65%',
                    height: '10%',
                    left: '20%',
                    text: event.name
               }); 
               //it works well to this point and shows each event separately on views
               holdview.add(testlabeltitle);
       //adding forEach as suggested as an answer            
               e.events.forEach(function(event) {
        holdview.addEventListener('click',function(e){

            var detailstestname = Ti.UI.createLabel({
        top: '5%',
        width: '65%',
        height: '10%',
        left: '20%',
        text: event.name,
        color: 'black',
        backgroundColor: 'white'
        }); 
       //Page for event details
        eventdetailspage.open();
        eventdetailspage.add(detailstestname);
        });
 });    
               //at this point it messes up
            }
         }
     });

Answer 1

问题在于您正在使用其代码块没有自己的范围的for循环。用于event.name标签的detailstestname将始终是循环结束时处理click事件的最后一个循环的事件。

您可以使用闭包：

for (var i = 0; i < e.events.length; i++) {
  (function(event) {
    ..
  })(e.events[i]);
}

或使用.forEach()：

e.events.forEach(function(event) {
  ..
});

如何从ArrowDB中为单个对象#appcelerator显示详细信息

1 个答案: