Как добавить панель поиска к вложенному списку?

Question

Как создать вложенный список с панелью поиска, которая должна быть , расположенной под заголовком. Например, на четвертом Сенч вложенную примере List, как бы я вставить панель поиска (код ниже), так что он выглядит это изображение:

Sencha Example

Пример панель поиск:

 
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...' 
      } 
     ] 
    } 
}); 

Answer 1

Вам нужно добавить его после списка Уплотненный был экземпляр, поэтому док позиция правильная.

var nestedList = Ext.create('Ext.NestedList', { 
    ... 
}); 

nestedList.add({ 
    docked: 'top', 
    xtype: 'searchbar', 
    height: 100 
});