title: how to bind json for extjs grid
body: <p>I have a simple data in <code>mysql</code> and want to populate that data in a ExtJS grid</p>
  
  <blockquote>
    <p>My code</p>
  </blockquote>
  
  <pre><code>Ext.onReady(function() {
  
      var proxy = new Ext.data.HttpProxy({
          url: 'connectextjs.php'
      });
  
      var reader = new Ext.data.JsonReader([{
          name: 'Employee_ID',
          mapping: 'Employee_ID'
      }, {
          name: 'Department_ID'
      }, {
          name: 'Name'
      }, {
          name: 'Email'
      }])
  
      var store = new Ext.data.Store({
          proxy: proxy,
          reader: reader
      });
  
      store.load();
  
  
      // create the grid
      var grid = new Ext.grid.GridPanel({
          store: store,
          columns: [{
              header: "Employee_ID",
              width: 90,
              dataIndex: 'Employee_ID',
              sortable: true
          }, {
              header: "Department_ID",
              width: 90,
              dataIndex: 'Department_ID',
              sortable: true
          }, {
              header: "Name",
              width: 90,
              dataIndex: 'Name',
              sortable: true
          }, {
              header: "Email",
              width: 200,
              dataIndex: 'Email',
              sortable: true
          }],
          renderTo: 'example-grid',
          width: 540,
          height: 200
      });
  
  });
  </code></pre>
  
  <p>My problem is I can't load the data on the grid. Please help me I am new to ExtJS.</p>