Appcelerator Alloy로 UI 요소를 동적으로 타겟팅하고 있습니까?

Question

변수를 전달하여 특정 합금 UI 요소 을 타겟팅 할 수 있습니까? 그래서 같은 변수를 전달하고 싶습니다 :

controller.js

var flag = "se"; 
changeBackground(flag); //should change the background color of ImagView of the se flag 


function changeBackground(elementToChange){ 
    elementToChange.backgroundColor = "red"; //does not work 
    $. + elementToChange + backgroundColor = "red"; //does not work 
} 

view.xml

<View id="flagRow" layout="horizontal" backgroundColor="blue" height="Ti.UI.SIZE"> 
    <ImageView id="se" height="20dp" left="5dp" image="/images/flags/se.png" onClick="downloadPastLanguageLevels"/> 
    <ImageView id="de" height="20dp" left="10dp" image="/images/flags/de.png" onClick="downloadPastLanguageLevels"/> 
    <ImageView id="en" height="20dp" left="10dp" image="/images/flags/en.png" onClick="downloadPastLanguageLevels"/> 
      </View> 

오른쪽 지금은 $ .flagRow 통해 반복하고있다. 컨테이너하지만 플래그를 직접 설정하는 방법을 알고 싶습니다. 당신이 "를 myButton"이라는 요소가 있다면 $ .ID를 사용하여 컨트롤러에서보기에

var i, view; 
    for (i in $.flagRow.children) { 
      view = $.flagRow.children[i]; 
      if (view.id.indexOf(flag) > -1) { 
       view.backgroundColor = "red"; 
      } else { 
       view.backgroundColor = "transparent"; 
      } 
     } 

Answer 1

당신 참조 요소는 그래서 당신은 $ .myButton로 참조한다. "element"라는 매개 변수를 기대하는 함수에 변수로 이름을 전달하는 경우 $ [element]로 지정합니다. 여기서 element는이 경우 "myButton"과 같은 id를 나타내는 문자열입니다.

코드를 변경하여 $ [elementToChange]를 참조하도록 변경해야합니다.