title: How to group sencha touch 2 radio fields
body: <p>This is my sencha touch 2 code:</p>
  
  <pre><code>Ext.define("10.view.Main", {
      extend: 'Ext.form.Panel',
  
      requires: ['Ext.form.FieldSet'],
  
      config: {
          title: 'Main',
          scrollable: 'both',
          editable: false,
  
          items: [{
              xtype: 'fieldset',
              items: [{
                  xtype: 'radiofield',
                  name: 'color',
                  value: 'red',
                  label: 'Red',
                  checked: true
              },
  
              {
                  xtype: 'radiofield',
                  name: 'color',
                  value: 'blue',
                  label: 'Blue'
              }]
          }]
      }
  });
  </code></pre>
  
  <p>Here is the preview of the code. What I get is this:</p>
  
  <p><a href="https://i.stack.imgur.com/9bOjE.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9bOjE.jpg" alt="what i get is this"></a></p>
  
  <p>I want to group my radio fields like given below. </p>
  
  <p><a href="https://i.stack.imgur.com/Jd0za.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jd0za.jpg" alt="what i need is this"></a></p>
  
  <p>How can I do it?</p>