sencha-touch-2 - 如何将搜索栏添加到嵌套列表？

Question

如何创建带有搜索栏的嵌套列表，该搜索栏应位于标题下方。例如，在第四个 Sencha 嵌套列表示例中，我将如何插入一个搜索栏（下面的代码），使其看起来像这个图像：

煎茶示例

示例搜索栏：

Ext.define('Sencha.view.SearchBar', {
    扩展：'Ext.Toolbar'，
    xtype : '搜索栏',
    要求：['Ext.field.Text', 'Ext.field.Search'],

    配置：{
        ui: '搜索栏',
        布局：'vbox'，

        项目： [
            {
                xtype：'标题'，
                标题：“搜索”
            },
            {
                xtype: '搜索域',
                placeHolder: '搜索...'
            }
        ]
    }
});

Answer 1

您需要在嵌套列表实例化后添加它，因此停靠位置正确。

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

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