title: Data view in Sencha touch
body: <p>I am new in sench-touch. I am trying to show JSON data using data Store.</p>
  
  <p><b>Here is my code "gridView2.js" code:</b></p>
  
  <pre><code>Ext.setup({
      tabletStartupScreen: 'tablet_startup.png',
      phoneStartupScreen: 'phone_startup.png',
      icon: 'icon.png',
      glossOnIcon: false,
  
     onReady: function() {        
  
          Ext.regModel('Product', {
              fields: [
                  {name: 'name',        type: 'string'},
                  {name: 'description', type: 'string'},
                  {name: 'price',       type: 'float'},
                  {name: 'image_url',   type: 'string'},
                  {name: 'in_stock',    type: 'boolean'}
              ]
          });
  
          Ext.regModel('car', {
              fields: [                               
                  {name: 'manufacture',type: 'string'},
                  {name: 'model',   type: 'string'},
                  {name: 'price',    type: 'decimal'}
  
              ]
          });
  
          var productsList = new Ext.DataView({
              store: new Ext.data.Store({
                  model: 'car',
                  proxy: {
                      type: 'ajax',
                      url : 'cars.json',
                      reader: {
                          type: 'json',
                          root: 'data'
                      }
                  }
              }),
              tpl: new Ext.XTemplate(
                  '&lt;tpl for="."&gt;',
                      '&lt;div&gt;',
                          '&lt;img src="{manufacture}" /&gt;',
                          '&lt;div class="button"&gt;Buy&lt;/div&gt;',
                      '&lt;/div&gt;',
                  '&lt;/tpl&gt;'
              ),
              fullscreen: true,
              autoLoad : true
          });
  
  
      }//ends onReady   
  });
  </code></pre>
  
  <p><b>my JSON file contains: </b></p>
  
  <pre><code>{"data":[{"created_at":null,"id":1,"manufacture":"tata","model":"indica","price":200000,"updated_at":null},{"created_at":null,"id":2,"manufacture":"suzuki","model":"waganor","price":400000,"updated_at":null},{"created_at":null,"id":3,"manufacture":"mahindra","model":"xylo","price":600000,"updated_at":null}],"results":3}
  </code></pre>
  
  <p><b>my html code is:</b></p>
  
  <p>
   
   
       
       Login Screen 2</p>
  
  <pre><code> &lt;!-- Sencha Touch CSS --&gt;
   &lt;link rel="stylesheet" href="resources/css/sencha-touch.css" type="text/css"&gt;
  
   &lt;!-- Custom CSS --&gt;
    &lt;!--&lt;link rel="stylesheet" href="css/guide.css" type="text/css"&gt;--&gt;
  
  
   &lt;!-- Sencha Touch JS --&gt;
   &lt;script type="text/javascript" src="sencha-touch-debug.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="sencha-touch.js"&gt;&lt;/script&gt;
  
   &lt;!-- Application JS --&gt;
   &lt;!--  &lt;script type="text/javascript" src="transaction.js"&gt;&lt;/script&gt; --&gt;
    &lt;script type="text/javascript" src="gridView2.js"&gt;&lt;/script&gt; 
  </code></pre>
  
  <p></p>
  
  <p></p>
  
   
  
  <p>
   </p>
  
  <p>My prblem is when I am executing html file it shows nothing. </p>