Question

How do you keep track of your UI elements in Titanium? Say you have a window with a TableView that has some Switches (on/off) in it and you’d like to reference the changed switch onchange with a generic event listener. There’s the property event.source, but you still don’t really know what field of a form was just toggled, you just have a reference to the element. Is there a way to give the element an ID, as you would with a radiobutton in JavaScript?

Up to now, registered each form UI element in a dictionary, and saved all the values at once, looping through the dictionary and getting each object value. But now I’d like to do this onchange, and I can’t find any other way to do it than create a specific callback function for each element (which I’d really rather not).

Answer 1

just assign and id to the element… all of these other solution CAN work, but they seem to be over kill for what you are asking for.

// create switch with id
var switcher0 = Ti.Ui.createSwitch({id:"switch1"});

then inside your event listener

myform.addEventListener('click', function(e){
   var obj = e.source; 
   if ( obj.id == "switch1" ) {
      // do some magic!!
   }
});