title: Extjs - How to Fill combo boxes form a Single Store?
body: <p>I have two comboboxes and I am using a single store that contains the data for 2 combo in 'sg' and 'aod' keys.</p>
  
  <p>Lets say for the 1st combo I want to fill the data within 'sg' key</p>
  
  <p>For the 2nd combo I want to fill the data with key called 'aod' </p>
  
  <p>Then how I can fill the data while render the combos?</p>
  
  <p>Here is my store:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var myStore = Ext.create('Ext.data.Store', {
    fields: [{
      name: 'sg'
    }, {
      name: 'aod'
    }],
    data: [{
        'sg': ['1', '2', '3', '4', '5']
      }, {
        'aod': ['15', '20']
      }
  
    ]
  });
  
  
  Here is my comobos inside items config
  
  defaults: {
      labelAlign: 'top',
      width: '20%',
      style: {
        textAlign: 'center',
        color: '#0a4374',
        fontSize: '12px',
        fontWeight: 'bold'
      },
      labelSeparator: '',
      allowEmpty: false,
      editable: false,
      cls: 'extraComboBox',
      xtype: 'combo',
      autoSelect: true,
      margin: 10
    },
    items: [{
        fieldLabel: 'Combo 1',
        value: '',
        //Here I want to load myStore.data.items[0].data.sg        
      },
  
      {
        fieldLabel: 'Combo 2',
        value: '',
        //myStore.data.items[1].data.aod   
      }</code></pre>
  </div>
  </div>
  </p>
  
  <p>Thanks for your help!!</p>