title: How to add a Search Bar to a Nested List?
body: <p>How can I create a Nested List with a search bar, which should be
  located under the title.  For instance, on the fourth Sencha Nested
  List example, how would I insert a Search Bar (code below) so that it
  looks like this image:</p>
  
  <p><a href="http://docs.sencha.com/touch/2-0/#!/guide/nested_list" rel="nofollow noreferrer">Sencha Example</a></p>
  
  <p><img src="https://i.stack.imgur.com/l6S0F.png" alt="enter image description here"></p>
  
  <p>Example Search Bar:</p>
  
  <pre>
  Ext.define('Sencha.view.SearchBar', {
      extend: 'Ext.Toolbar',
      xtype : 'searchbar',
      requires: ['Ext.field.Text', 'Ext.field.Search'],
  
      config: {
          ui: 'searchbar',
          layout: 'vbox',
  
          items: [
              {
                  xtype: 'title',
                  title: 'Search'
              },
              {
                  xtype: 'searchfield',
                  placeHolder: 'Search...'
              }
          ]
      }
  });
  </pre>