изменить цвет фона с его идентификатором в титане

Question

У меня есть несколько видов, которые динамически добавляются в ScrollView с помощью параметра for, но когда пользователь нажимает на одно из видов, я хочу изменить цвет фона в представлении. У меня есть следующий код для события Click:

(function() { 
    var id = i; 
    viewQuantity.addEventListener('click', function(e) { 
     viewQuantity.backgroundColor = '#FFFFFF'; 
    }); 
})(); 

, но с этим кодом вида, который изменяет цвет всегда последняя добавленная точка зрения. Как я могу использовать идентификатор для изменения представления, которое было нажато пользователем?

Answer 1

Внутри события click вы получаете свойство события в функции в качестве первого параметра. Это имеет объект source, который является элементом, который пользователь нажал.

var clickedView; 
(function() { 
    var id = i; 
    viewQuantity.addEventListener('click', function(e) { 
     if (clickedView){ 
      clickedView.backgroundColor= '#000000'; // put your own color here to restore original 
     } 
     e.source.backgroundColor = '#FFFFFF'; 
     clickedView = e.source; 
    }); 
})(); 

Чтобы изменить цвет позже, вы можете сохранить ссылку на объект, а также изменить цвет позже

Answer 2

Попробуйте что-то вроде этого:

var scrollView = Ti.UI.createScrollView(); 

var lastClickedView; 

for(var i = 0;i<=10;i++){ 
    (function(){ 
     var view = Ti.UI.createView(); 
     var label = Ti.UI.createLabel(); 
     view.add(label); 
     scrollView.add(view); 
     view.addEventListener('click',function(){ 
      if(lastClickedView){ 
       lastClickedView.backgroundColor = '#000'; 
       lastClickedView.children[0].color = '#000'; 
      } 
      view.backgroundColor = '#fff'; 
      label.color = '#fff'; 
      lastClickedView = view; 
     }); 
    })(); 
}