title: I'm trying to Load the store with json file But is not loading
body: <p>I'm trying to populate the grid with .json file , the grid fails to get populated, Can anyone please help  me, I'm very new to this technology</p>
  
  <p>This is my <strong>grid.js</strong></p>
  
  <pre><code>    Ext.onReady(function(){
  
          Ext.define('Product', {
        extend: 'Ext.data.Model',
        fields: [ 'id', 'productname', 'desc', 'price' ]
      });
  
      var productStore = Ext.create('Ext.data.Store', {
        model: 'Product',
        pageSize: 3,
        autoLoad: true,
        autoSyncync:true,
         proxy: {
              type: 'ajax',
              url : 'C:\Users\Desktop\08-Feb-2017\data.json',
              reader: {type: 'json', root: 'blah'}
          }
      });
  
      var grid = new Ext.grid.GridPanel({
    store: productStore,
    renderTo: Ext.getBody(),
    plugins: ['rowediting','gridfilters'],
  
        width: 600,
        title: 'Products',
  
        columns: [
        {
          text: 'Id',
          dataIndex: 'id',
          hidden: true
        },
        {
          text: 'Name',
          width:150,
          dataIndex: 'productname',
          filter:'string',
          editor: {
            allowBlank: false,
            type: 'string'
          }
        },
        {
          text: 'Description',
          dataIndex: 'desc',
          sortable: false,
          flex: 1
        },
        {   text: 'Price',
          width: 100,
          dataIndex: 'price'
        },
        {
          text: 'Type',
          width: 100,
          dataIndex: 'type',
          editor: new Ext.form.field.ComboBox({
            typeAhead: true,
            triggerAction: 'all',
            store: [
            ['Bath','Bath'],
            ['Kitchen','Kitchen'],
            ['Electronic','Electronic'],
            ['Food', 'Food'],
            ['Computer', 'Computer']
            ]
          })
        } ]
    //your normal grid config goes here
  });
  
      // Ext.create('Ext.grid.Panel', {
  
        // store: productStore,
  
  
  
  
      // });
  
          });
  </code></pre>
  
  <p>my <strong>data.json</strong></p>
  
  <pre><code>{
      "data": [{
          "id": "P1",
          "productname": "Ice Pop Maker",
          "desc": "Create fun and healthy treats anytime",
          "price": "$16.33"
      }, {
          "id": "P2",
          "productname": "Stainless Steel Food Jar",
          "desc": "Thermos double wall vacuum insulated food jar",
          "price": "$14.87"
      }, {
          "id": "P3",
          "productname": "Shower Caddy",
          "desc": "Non-slip grip keeps your caddy in place",
          "price": "$17.99"
      }, {
          "id": "P4",
          "productname": "VoIP Phone Adapter",
          "desc": "Works with Up to Four VoIP Services Across One Phone Port",
          "price": "$47.50"
      }, {
          "id": "P5",
          "productname": "Shower Caddy new",
          "desc": "Non-slip grip keeps your caddy in place",
          "price": "$17.09"
      }, {
          "id": "P4",
          "productname": "VoIP Phone Adapter New ",
          "desc": "Works with Up to Four Five VoIP Services Across One Phone Port",
          "price": "$5.50"
      }]
  }
  </code></pre>
  
  <p>and my <strong>Index.html</strong></p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
     &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/classic/theme-classic/resources/theme-classic-all.css" rel="stylesheet" /&gt;
     &lt;style type="text/css"&gt;
  
  &lt;/style&gt;
  
  
     &lt;script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/extjs/6.0.0/ext-all.js"&gt;&lt;/script&gt;
     &lt;script type="text/javascript" src="C:\Users\1255951\Desktop\08-Feb-2017\grid.js"&gt;&lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>For practice I put all .js in single file. Please don't mind. 
  <a href="https://i.stack.imgur.com/3L0ja.png" rel="nofollow noreferrer">Added screenshot of the output</a></p>