如何将搜索栏添加到嵌套列表？

Question

如何使用搜索栏创建嵌套列表，应该是 位于标题下。例如，在第四个Sencha Nested上 列表示例，我将如何插入搜索栏（下面的代码）以便它 看起来像这个图像：

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
});