title: Sencha Grid + PHP + JSON
body: <p>i have a problem and firebug dont show me any problem :/ </p>
  
  <p>My funcions.js</p>
  
  <pre><code>/* 
   * To change this template, choose Tools | Templates
   * and open the template in the editor.
   */
  
  Ext.require([
      'Ext.grid.*',
      'Ext.data.*',
      'Ext.util.*',
      'Ext.state.*'
      ]);
  
  Ext.onReady(function() {
      Ext.QuickTips.init();
  
      // setup the state provider, all state information will be saved to a cookie
      Ext.state.Manager.setProvider(Ext.create('Ext.state.CookieProvider'));
  
      var store = Ext.create('Ext.data.Store', {
          autoLoad: true,
          proxy: {
              type: 'ajax',
              url: 'src.php'
          }
      });
      var grid = Ext.create('Ext.grid.Panel', {
          store: store,
          stateful: true,
          collapsible: true,
          multiSelect: true,
          stateId: 'stateGrid',
          columns: [
          {
              text     : 'Nombre Chofer',
              flex     : 1,
              sortable : false,
              dataIndex: 'nombre_chofer'
          }
          ],
          height: 350,
          width: 600,
          title: 'Array Grid',
          renderTo: 'grid-example',
          viewConfig: {
              stripeRows: true,
              enableTextSelection: true
          }
      });
  });
  </code></pre>
  
  <p>My src.php (AJAX)</p>
  
  <pre><code>&lt;?php
  
  include_once 'funciones/header_server.php';
  include_once 'model/ChoferModel.php';
  
  function getList() {
      $choferModel = new ChoferModel();
      $resultQuery = $choferModel-&gt;getTable();
      $conteo = count($resultQuery) - 1;
      $resultQuery = (array) $resultQuery;
  
      if ($conteo &gt; 0) {
          foreach ($resultQuery as $chofer) {
              $rec['nombre_chofer'] = $chofer['NOMBRE_CHOFER'];
              $arr[] = $rec;
          }
          $jsonresult = JEncode($arr);
          echo $jsonresult;
      }
  }
  
  getList();
  </code></pre>
  
  <p>And my index.php</p>
  
  <pre><code>&lt;?php
  //include_once 'funciones/header_server.php';
  //include_once 'model/ChoferModel.php';
  ?&gt;
  &lt;!DOCTYPE html&gt;
  &lt;html&gt;
      &lt;head&gt;
          &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
          &lt;title&gt;Sistema para control de viaticos - COPRA&lt;/title&gt;
          &lt;link rel="stylesheet" type="text/css" href="script/ext-all.css" /&gt;
          &lt;script type="text/javascript" charset="utf-8" src="script/ext-all-dev.js"&gt;&lt;/script&gt;
          &lt;script type="text/javascript" charset="utf-8" src="script/ext.js"&gt;&lt;/script&gt;
          &lt;script src="script/funcions.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="grid-example" name="grid-example"&gt;&lt;/div&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My output is black, dont show table or grid... please help me.. </p>
  
  <p>Screenshots:
  src output: <a href="http://i.stack.imgur.com/zLMgz.png" rel="nofollow">http://i.stack.imgur.com/zLMgz.png</a></p>