title: Titanium ListViews with data collection
body: <p>In my titanium app i have to show a list of elements, to do so i am using the following view:</p>
  
  <pre><code>&lt;Alloy&gt;
      &lt;Collection src="featuredEvents"/&gt;
      &lt;Window id="win" class="container" navBarHidden="true" exitOnClose="true" onOpen="showIndicator"&gt;
        &lt;View id="navView"&gt;&lt;/View&gt;
        &lt;ActivityIndicator id="activityIndicator" message="L('loading')" /&gt;
  
              &lt;TableView id="featuredEvents" dataCollection="featuredEvents" dataFilter="filterEvents" opacity="0" class="list"&gt;
                  &lt;TableViewRow eventId="{alloy_id}"  onClick="showEvent"&gt;
                      &lt;View class="event-wrapper"&gt;
                          &lt;ImageView image="{img}" eventId="{alloy_id}"  defaultImage="/img/loading.jpg"/&gt;
                          &lt;View class="eventImageOverlayYellow" eventId="{alloy_id}"&gt;
                              &lt;Label id="eventName" text="{name}" eventId="{alloy_id}" /&gt;
                              &lt;View id="eventTypeContainer" class="iconedLabelBig"&gt;
                                  &lt;ImageView image="{icon}" class="iconBig" /&gt;
                                  &lt;Label id="eventType" text="{type}" eventId="{alloy_id}" /&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
                      &lt;/View&gt;
                  &lt;/TableViewRow&gt;
              &lt;/TableView&gt;
      &lt;/Window&gt;
  &lt;/Alloy&gt;
  </code></pre>
  
  <p>it is working fine but the performance on android is really bad, so I want to rewrite the same list using ListView instead of TableView.
  This is what i came up with:</p>
  
  <pre><code>&lt;Alloy&gt;
      &lt;Collection src="featuredEvents"/&gt;
      &lt;Window id="win" class="container" navBarHidden="true" exitOnClose="true" onOpen="showIndicator"&gt;
        &lt;View id="navView"&gt;&lt;/View&gt;
        &lt;ActivityIndicator id="activityIndicator" message="L('loading')" /&gt;
  
              &lt;ListView id="featuredEvents" dataCollection="featuredEvents" dataFilter="filterEvents" opacity="0" class="list"&gt;
                  &lt;ListSection eventId="{alloy_id}"  onClick="showEvent"&gt;
                      &lt;ListItem class="event-wrapper"&gt;
                          &lt;ImageView image="{img}" eventId="{alloy_id}"  defaultImage="/img/loading.jpg"/&gt;
                          &lt;View class="eventImageOverlayYellow" eventId="{alloy_id}"&gt;
                              &lt;Label id="eventName" text="{name}" eventId="{alloy_id}" /&gt;
                              &lt;View id="eventTypeContainer" class="iconedLabelBig"&gt;
                                  &lt;ImageView image="{icon}" class="iconBig" /&gt;
                                  &lt;Label id="eventType" text="{type}" eventId="{alloy_id}" /&gt;
                              &lt;/View&gt;
                          &lt;/View&gt;
                      &lt;/ListItem&gt;
                  &lt;/ListSection&gt;
              &lt;/ListView&gt;
      &lt;/Window&gt;
  &lt;/Alloy&gt;
  </code></pre>
  
  <p>My controller index.js:</p>
  
  <pre><code>function showIndicator(e){}
  $.win.open();
  </code></pre>
  
  <p>When I run it i got the following error:</p>
  
  <pre><code>Location:
  alloy/controllers/index.js
  
  Message:
  Uncaught typeError: cannot read property '_transform' of null
  
  Source:
  title:"undefined" != typeof $model__transform["name"] ? $model._
  </code></pre>
  
  <p>-Is there an example of ListView used in combination of alloy data collections?</p>
  
  <p>-Any idea what that error means?</p>