title: How to implement a Sencha Picker
body: <p>Please can anyone help me implement a Sencha Picker as seen in Sencha 2 KitchenSink.
  i.e. /examples/kitchensink/#demo/overlays</p>
  
  <p>I keep getting this error...</p>
  
  <p>02-15 13:41:38.879: E/Web Console(285): Attempting to create a component with an xtype that has not been registered: [object Object] at undefined:0</p>
  
  <p>Here is a snippet of my code</p>
  
  <pre><code>MrFantastic.views.faith = new Ext.Panel({
          id:'faith',
          title:'Faith',
          scroll:'vertical',
          style:'background-color:#ffffff',
          items: [
  
                  {
                      xtype: 'fieldset',
                      layout: {
                          align: 'stretch',
                          type: 'vbox'
                      },
                      defaults:{
                          xtype: 'radiofield',
                          flex: 1,
                          labelWidth:'85%'
                      },
                      items: [
                          {
                              label: 'Intolerable',
                              name:'mode'
                          },
                          {
                              label: 'Tolerable',
                              name:'mode'
                          },
                          {
                              label: 'Compatible',
                              name:'mode'
                          },
                          {
                              label: 'Admirable',
                              name:'mode'
                          }
                      ]
                  }
              ],
              dockedItems: [
                            {
                                dock:'top',
                                cls:"faith",
                                width:'100%',
                                height:'50%'
                            },
                            {
                                html:'&lt;div class="text_pane"&gt;&lt;h3&gt;faith &lt;span&gt;{noun} {feyth}&lt;/span&gt;:&lt;/h3&gt;&lt;ol&gt;&lt;li&gt;belief in God or in the doctrines or teachings of religion&lt;/li&gt;&lt;li&gt;a system of religious belief&lt;/li&gt;&lt;li&gt;a strong belief in a supernatural power or powers&lt;/li&gt;&lt;/ol&gt;&lt;!--&lt;span&gt;If you ask almost any lady what kind of man she wants for a husband, she is likely to say to you, "I want a God fearing man." This probably because she believes that a God feating man will be more faithful and truthful.&lt;/span&gt;--&gt;&lt;/div&gt;'
                            },
                            {
                                xtype: 'toolbar',
                                dock: 'bottom',
                                items: [
                                    {
                                        xtype: 'button',
                                        itemId: 'Previous',
                                        ui:'back',
                                        text: 'Previous',
                                        handler: function () {
                                            MrFantastic.views.viewport.setActiveItem('mrf_home', { type: 'slide', direction: 'right' });
                                        }
                                    },
                                    {
                                        xtype: 'spacer'
                                    },
                                    {
                                        xtype:'button',
                                        text: 'Score Him',
                                        handler: function () {
                                            if(!this.picker)
                                            {
                                                this.picker = Ext.create('Ext.Picker',{
                                                    slots:[
                                                           {
                                                               name:'compat',
                                                               title:'Compatibility Score',
                                                               data:[
                                                                     {text:'Intolerable', value:1},
                                                                     {text:'Tolerable', value:2},
                                                                     {text:'Compatible', value:3},
                                                                     {text:'Intolerable', value:4}
                                                                     ]
                                                           }
                                                           ]
                                                } );
                                            }
                                            this.picker.show();
                                        }
                                    },
                                    {
                                        xtype: 'spacer'
                                    },
                                    {
                                        xtype: 'button',
                                        text: 'Next',
                                        ui:'foward',
                                        handler: function () {
                                            MrFantastic.views.viewport.setActiveItem('family', { type: 'slide', direction: 'left' });
                                        }
                                    }
                                ]
                            }
                        ]
      });
  </code></pre>
  
  <p>Please help me. Thank you.</p>