sencha-touch-2 - ネストされたリストに検索バーを追加する方法は?

Question

タイトルの下にある検索バーで入れ子になったリストを作成するにはどうすればよいですか。たとえば、4 番目の Sencha Nested List の例では、検索バー (以下のコード) をどのように挿入すれば、この画像のようになりますか?

煎茶の例

検索バーの例:

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