title: Dynamic pickerRow Titanium Studio
body: <p>I am an absolute beginner, I am trying to develop my first app. I went through the Lynda.com.Titanium.Mobile.App.Development.Essential.Training.</p>
  
  <p>After that I draw down what I want to achieve, basically a multi selector, where the main fields are:</p>
  
  <p>Continent, Country, State, AirField, Lat, Lng</p>
  
  <p>dynamically linked</p>
  
  <p>so I started to google around and I found the following peace of code:</p>
  
  <blockquote>
    <p>var win = Ti.UI.createWindow();<br>
    {//PICKER</p>
  
  <pre><code>var picker = Ti.UI.createPicker({
      selectionIndicator: true
  });
  
  var data = [
      {country: 'US', cities: ['Miami', 'Orlando', 'LA', 'Ny']}, 
      {country: 'Canada', cities: ['Toronto', 'Ottawa', 'Quebec']}, 
      {country: 'UK', cities: ['London', 'York', 'Oxford', 'Bath']}
  ];
  var rows = [];
  for (var i = 0; i &lt; data.length; i++){
      var row = Ti.UI.createPickerRow({
          title: data[i].country,
          cityArray: data[i].cities
      });
  
      rows.push(row);
  
  }
  picker.add(rows);
  
  picker.addEventListener('change', function(e){
      Ti.API.info(e.row.title);
      Ti.API.info(e.row.cityArray);
  })   
  </code></pre>
    
    <p>win.add(picker);<br>
    }<br>
    win.open();</p>
  </blockquote>
  
  <p>but i do not think it is working as it should, it does not display the second picker, any help, any suggestions, pointers?</p>
  
  <p>cheers</p>