title: Loading data from a json file into extjs
body: <p>I have a .json file whose content is supposed to be read by Ext.data.Store and displayed by Ext.grid.Panel (extjs 4). However, no data is displayed, only the grid is. The code is:</p>
  
  <pre><code>var user = Ext.create('Ext.data.Store', {
      storeId: 'user',
      model: 'User',
      autoLoad: 'true',
      proxy: {
          type: 'ajax',
          url : '/users.json',
          reader: {type: 'json', root: 'blah'}
      }
  });
  
   Ext.create('Ext.grid.Panel',{
      store :user,
      id : 'user',
      title: 'Users',
      columns : [ 
          {header: 'ID',     dataIndex : 'id'}, 
          {header : 'NAME',  dataIndex : 'name'}, 
          {header : 'Email', dataIndex: 'email'}
      ],
      height :300,
      width: 400,
      renderTo:'my-portlet2'
  });
  </code></pre>
  
  <p>and my json file is:</p>
  
  <pre><code>{ blah[
    {
      "id": 1,
      "name": "Ed Spencer",
      "email": "ed@sencha.com"
    },
    {
      "id": 2,
      "name": "Abe Elias",
      "email": "abe@sencha.com"
    }
  ]}
  </code></pre>
  
  <p>Inline data gets displayed but when i am trying to read from a json file, it does not work. I am using firefox and firebug says that there is an error loading the script from my .js file. Could you please help? Thanks!</p>