title: Extjs load combobox from store
body: <p>i want to load my Combobox in a Panel from Store.</p>
  
  <pre><code>var colors = new Object();
  
  Ext.onReady(function(){
  
  colors = Ext.create('Ext.data.Store', {
      fields: ['id', 'name'],
      autoLoad: true,
      proxy: {
          type: 'ajax',
          url: 'app/view/main/loadFromDatabase.php',
          reader: {
              type: 'json',
              rootProperty: 'name'
          }
      },
  });
  </code></pre>
  
  <p>The colors i want load a little bit later in my Panel like this:</p>
  
  <pre><code>{ xtype: 'combo', 
    fieldLabel: 'Farbe', 
    name: 'farbe', 
    store: colors , 
    queryMode: 'local', 
    displayField: 'name', 
    valueField: 'id' }
  </code></pre>
  
  <p>The response of my ajax request of loadFromDatabase.php is:</p>
  
  <p>[
      {
          "id": "1",
          "name": "Red"
      },
      {
          "id": "2",
          "name": "Blue"
      },
      {
          "id": "3",
          "name": "Green"}]</p>
  
  <p>this seems like a valid json.</p>
  
  <p>But when i click on the combobox the box is empty. Whats wrong?</p>