title: How to fill an Ext.form.CheckboxGroup with checkboxes generated based on a JSON object returned from a server
body: <p>I'm trying to dynamically fill an <code>Ext.form.CheckboxGroup</code> with <code>Ext.form.Checkbox</code>s derived from a JSON object pulled from a jsp page. My JSON object looks like this:</p>
  
  <pre><code>{
      "sensors": [ 
          { "id": 200, "name": "name - B - A" }, 
          { "id": 201, "name": "name - B - B" }, 
          { "id": 202, "name": "name - C - A" }, 
          { "id": 203, "name": "name - C - B" } 
      ]
  }
  </code></pre>
  
  <p>I can load these objects into an <code>Ext.data.JsonStore</code> with code like this:</p>
  
  <pre><code>new Ext.data.JsonStore({
      id: 'sensorStore',
      autoLoad: true,
      method: 'GET',
      baseParams: {
          jobType: 'sensor'
      },
      url: 'getstatus.jsp',
      root: 'sensors',
      sortInfo: { field: 'id', direction: 'ASC' },
      fields: [ 'id', 'name' ]
  }),
  </code></pre>
  
  <p>My understanding is that this will give me access to a set of <code>Ext.data.Record</code> objects, but I can't figure out how to go about iterating through those Records to create any <code>Ext.form.Checkbox</code>s, or if there's some other way of achieving the same result.</p>
  
  <p>I'm not trying to set the values of the checkboxes, though I will need to be able to reference them when I submit the form.</p>