title: Sencha Touch Reading XML data
body: <p>I have just recently started working with Sencha Touch 2.0. I am having problem in reading XML data. I started with basic "getting started" app which comes with the download and it is working fine which means I have done the setup correctly. Now I have made some changes to read simple XML but I am not able to see any data on screen. Below is my code. Please help me with this. - 
  here are the contents of app.js file - </p>
  
  <pre><code>Ext.Loader.setPath({
      'Ext': 'lib/touch/src'
  });
  
  Ext.define('User', {
      extend: 'Ext.data.Model',
      config: {
          fields: ['id', 'name', 'email']
      }
  });
  
  var mystore = Ext.create('Ext.data.Store', {
      model: 'User',
      autoLoad: true,
      proxy: {
          type: 'ajax',
          url : 'userData.xml',
          reader: {
              type: 'xml',
              rootProperty: 'users',
              record: 'user'
          }
      }
  });  
  
  Ext.application({
      name: 'Sencha',
  
      launch: function() {
          //The whole app UI lives in this tab panel
          Ext.Viewport.add({
              xtype: 'tabpanel',
              fullscreen: true,
              tabBarPosition: 'bottom',   
              items: [
                  // This is the home page, just some simple html
                  {
                      title: 'Home',
                      iconCls: 'home',
                      cls: 'home',
                      scrollable: true,
                      html: [
                          '&lt;img height=260 src="http://staging.sencha.com/img/sencha.png" /&gt;',
                          '&lt;h1&gt;Welcome to Sencha Touch&lt;/h1&gt;',
                          "&lt;p&gt;Building the Getting Started app&lt;/p&gt;",
                          '&lt;h2&gt;Sencha Touch (2.0.0)&lt;/h2&gt;'
                      ].join("")
                  },
  
  
                  {
                      xtype: 'list',
                      title: 'Events',
                      iconCls: 'star',
                      itemTpl: '{id}',                     
                      store: mystore                    
                  }
  
  
              ]
          });
      }
  });
  </code></pre>
  
  <p>The XML is at the same location as this app.js file. Please note that I have not installed any server. I just make changes to app.js and open "index.html" in chrome browser. </p>
  
  <p>Here is the XML. It is same as the one given on Sencha Docs.-</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="UTF-8"?&gt;
  &lt;users&gt;
  &lt;user&gt;
      &lt;id&gt;112&lt;/id&gt;
      &lt;name&gt;Ed Spencer&lt;/name&gt;
      &lt;email&gt;ed@sencha.com&lt;/email&gt;
  &lt;/user&gt;
  &lt;user&gt;
      &lt;id&gt;248&lt;/id&gt;
      &lt;name&gt;Abe Elias&lt;/name&gt;
      &lt;email&gt;abe@sencha.com&lt;/email&gt;
  &lt;/user&gt;
  &lt;/users&gt;
  </code></pre>
  
  <p>Here is my code after changes - </p>
  
  <pre><code>Ext.Loader.setPath({
      'Ext': 'lib/touch/src'
  });
  
  
  Ext.regModel('Personal', {
      fields  : [
          'id',
              {name: 'name',  type: 'string'}, 
              {name: 'email', type: 'string'}
      ]
  });
  
  
  Ext.application({
      name: 'Sencha',
  
      launch: function() {
          //The whole app UI lives in this tab panel
          Ext.Viewport.add({
              xtype: 'tabpanel',
              fullscreen: true,
              tabBarPosition: 'bottom',   
              items: [
                  // This is the home page, just some simple html                                                
  
              {
                  xtype   : 'selectfield',
                  name    : 'user',
                  label   : 'Users',
                  store   : new Ext.data.Store({
                              model       : 'Personal',
                              autoLoad    : true,
                              proxy       : {
                                  type    : 'ajax',
                                  url     : 'userData.xml',
                                  reader  : {
                                      type    : 'xml',
                                      root    : 'users'
                                  }
                              }
                          }),
                  valueField  : 'name',
                  displayField    : 'name'
              }
  
  
              ]
          });
      }
  });
  </code></pre>