title: sencha touch change colour of a specific list item
body: <p>have a very basic list component, but want to change the row colour of some rows depending on a value/ I have tried setting a tpl but it doesnt seem to work. Any help would be appreciated</p>
  
  <pre><code>Ext.create('Ext.dataview.List', {
      id : 'mylist',
      store: myStore,
      tpl: new Ext.XTemplate(
               '&lt;tpl for="."&gt;'
               '    &lt;tpl if="val == 0"&gt;&lt;div style="background-color:red"&gt;{name}&lt;/div&gt;&lt;/tpl&gt;',
               '    &lt;tpl if="val == 1"&gt;&lt;div&gt;{name}&lt;/div&gt;&lt;/tpl&gt;',
               '&lt;/tpl&gt;'
      )
  });
  </code></pre>