title: Sencha Touch 2: Trying to add a list to a panel
body: <p>I have a panel which consists of a toolbar and tabs. On each tab there should be a list and a button. I believe I have this set up correctly except for the list, which I am trying to add as follows:</p>
  
  <pre><code>Ext.define('Myapp.view.Search', {
  xtype: 'search',
  extend: 'Ext.tab.Panel',
  
      config: {
          activeItem: 0,
          tabBar: {
              docked: 'top',
              autoScroll: 'auto',
              ui: 'light',
              layout: {
                  pack: 'center'
              }
          },
  
          items: [
          {
              xtype:'toolbar',
              docked:'top',
              ui: 'light',
              title: 'Search'
          },
  
              {
                  title: 'Tab 1',
                  xtype: 'formpanel',
                  items: [
                      {
                          xtype: 'Mylist' //DOES NOT WORK
                      },
                      {
                          xtype: 'panel',
                          defaults: {
                              xtype: 'button',
                              style: 'margin: 0.1em',
                              flex : 1
                          },
                          layout: {
                              type: 'hbox'
                          },
                          items: [
                              {
                                  text: 'Button 1',
                              }
                          ]
                      }
                  ]
              },
              {
                  title: 'Tab 2',
                  xtype: 'formpanel',
                  items: [
                      {
                          xtype: 'panel',
                          defaults: {
                              xtype: 'button',
                              style: 'margin: 0.1em',
                              flex : 1
                          },
                          layout: {
                              type: 'hbox'
                          },
                          items: [
                              {
                                  text: 'Button 1',
                              }
                          ]
                      }
                  ]
              }
          ]
      }
  });
  </code></pre>
  
  <p>Please let me know what I am doing wrong and thanks for you help!</p>
  
  <p><strong>EDIT</strong>: added Mylist below:</p>
  
  <pre><code>Ext.define('Myapp.view.Mylist', {
      extend: 'Ext.dataview.NestedList',
      xtype: 'Mylist',
  
      config: {
          store: 'Sections'
      },
  
      getTitleTextTpl: function() {
          return '{name}';
      },
      getItemTextTpl: function(node) {
          return '&lt;strong&gt;{name}&lt;/strong&gt;';
      },
  });
  </code></pre>