title: Loading combobox with json data in ExtJS 4
body: <p>Im just trying to simply load some json data into my combobox using a basic data store. Here is my json data:</p>
  
  <pre class="lang-js prettyprint-override"><code>{"services": [{"id": 1, "name": "dropbox"}, {"id": 2, "name": "facebook"}, {"id": 3, "name": "twitter"}]}
  </code></pre>
  
  <p>Here is my extjs 4 code:</p>
  
  <pre class="lang-js prettyprint-override"><code>Ext.onReady(function(){
      Ext.define('ServiceList', {
      extend: 'Ext.data.Model',
      fields: [
          'id', 'name'
      ]
  });
  
  var store = Ext.create('Ext.data.Store', {
      model: 'ServiceList',
      proxy: {
          type: 'json',
          url: '/account/service/list',
          reader: {
              root: 'services',
              totalProperty: 'totalCount'
          }
      }
  });
  store.load();
  
  Ext.create('Ext.panel.Panel', {
      layout: 'auto',
      title: 'VAC',
      width: '100%',
      renderTo: 'vac-app-window',
      items: [{
          xtype: 'tabpanel',
          autoTabs:true,
          activeTab: 0,
          border:false,
          defaults: {autoHeight:true, bodyStyle:'padding:10px'},
          items: [{
              title: 'Data Services',
              items: [{
                  xtype:'combo',
                  store:store
              }]
          }]
      }]
  });
  });
  </code></pre>
  
  <p>Everything is being done on localhost so no cross domain stuff. I've been going through documentation but just can't figure out what im doing wrong.</p>
  
  <p>As always any tips is much appreciated!</p>
  
  <p>Update:</p>
  
  <p>I edited some changes to the datastore and am getting a bit farther:</p>
  
  <pre class="lang-js prettyprint-override"><code>Ext.define('ServiceList', {
      extend: 'Ext.data.Model',
      fields: [
          {name:'id', type:'int'},
          {name:'name', type:'string'}
      ]
  });
  
  var store = Ext.create('Ext.data.Store', {
      model: 'ServiceList',
      proxy: {
          type: 'ajax',
          url: '/account/service/list',
          reader: {
              root: 'services',
              type: 'json'
          }
      }
  });
  store.load();
  </code></pre>
  
  <p>Now when the page loads or I attempt to click the combobox the url it is addressing is:</p>
  
  <p>GET /account/service/list?_dc=1318340688155&amp;page=1&amp;start=0&amp;limit=25</p>
  
  <p>From my reading this looks like jsonp but I dont know where the page,start, and limit params come from?</p>
  
  <p>Update2:</p>
  
  <p>Thanks to the help from Molecule Man I was able to sort this out:</p>
  
  <pre class="lang-js prettyprint-override"><code>Ext.onReady(function(){
  
      Ext.define('ServiceList', {
          extend: 'Ext.data.Model',
          fields: [
              {name:'id', type:'int'},
              {name:'name', type:'string'}
          ]
      });
  
      var store = Ext.create('Ext.data.Store', {
          model: 'ServiceList',
          autoLoad: true,
          proxy: {
              limitParam: undefined,
              startParam: undefined,
              paramName: undefined,
              pageParam: undefined,
              noCache:false,
              type: 'ajax',
              url: '/account/service/list',
              reader: {
                  root: 'services'
              }
          }
      });
  
      Ext.create('Ext.panel.Panel', {
          layout: 'auto',
          title: 'VAC',
          width: '100%',
          renderTo: 'vac-app-window',
          items: [{
              xtype: 'tabpanel',
              autoTabs:true,
              activeTab: 0,
              border:false,
              defaults: {autoHeight:true, bodyStyle:'padding:10px'},
              items: [{
                  title: 'Data Services',
                  items: [{
                      xtype:'combo',
                      queryMode:'local',
                      emptyText: 'Select Service',
                      store:store,
                      displayField: 'name',
                      valueField: 'id'
                  }]
              }]
          }]
      });
  });
  </code></pre>
  
  <p>Hope this helps anyone else :)</p>