title: Can't see data on the screen but I can see it in the elements
body: <p>I am new to sencha touch so if someone can point me in the right direction that would be great. My problem is that I want to display data from my database. I seem to have everything working correctly when I inspect the elements I see the data but I can't see the data on the screen Here is my code:</p>
  
  <p>getUserList.js</p>
  
  <pre><code>    Ext.regModel("User", {
              fields: [
                  "id",
                  "name",
                  "username",
                  "password",
                  "email",
                  "phone"
              ]
      });
  
      var myStore = new Ext.data.Store({
          model: 'User',
          proxy: {
              type: 'ajax',
              url : '../sencha/php/getUserList.php',
              reader: {
                  type: 'json',
                  root: 'results'
              }
          },
          autoLoad: true
      });
  
  
  
      var tpl = new Ext.XTemplate(
          '&lt;tpl for="."&gt;',
                '&lt;div class="thumb-wrap" id="{id}"&gt;',
                '&lt;div class="thumb"&gt;title="{name}"&gt;&lt;/div&gt;',
                '&lt;span class="x-editable"&gt;{name}&lt;/span&gt;&lt;/div&gt;',
              '&lt;div style="background-color:#00F" class="thumb-wrap" id="{id}"&gt;{id}&lt;/div&gt;',
          '&lt;/tpl&gt;',
          '&lt;div class="x-clear"&gt;&lt;/div&gt;'
      );
  
      var panel = new Ext.extend(Ext.Panel,{
          id:'images-view',
          frame:true,
          width:535,
          autoHeight:true,
          collapsible:true,
          layout:'fit',
          title:'Simple DataView',
          initComponent: function() {
              panel.superclass.initComponent.call(this);
          },
  
          items: new Ext.DataView({
              store: myStore,
              tpl: tpl,
              autoHeight:true,
              multiSelect: true,
              overItemCls:'x-view-over',
              itemSelector:'div.thumb-wrap',
              emptyText: 'No images to display'
          })
      });
      //panel.render(Ext.getBody());
  
        Ext.reg('userPanel', panel);
  </code></pre>
  
  <p>index.html</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  </code></pre>
  
  <p>
      
          
          User</p>
  
  <pre><code>     &lt;script type="text/javascript" src="sencha/sencha-touch.js"&gt;&lt;/script&gt; 
       &lt;script type="text/javascript" src="js/getUserList.js"&gt;&lt;/script&gt; 
  
      &lt;link href="sencha/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" /&gt;
  
  
  
     &lt;script type="text/javascript"&gt;
          var topPanel = {
              style: 'padding:15px; background-color: #F00',
              html: 'color2'
          };
  
          new Ext.Application({
              launch: function() {
                  new Ext.Panel({
                      fullscreen: true,
                      layout: {
                          type: 'hbox',
                          align: 'stretch'
                      },
                      items:[{
                             xtype: 'userPanel'
                             }],
                      dockedItems: [topPanel]
                  });
              }
          });        
  
  &lt;/script&gt;
  
  
  &lt;/head&gt;
  &lt;body&gt;&lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <p>Thanks for any help you can provide!</p>