layout - Sencha Touch 2 のレイアウトについてヘルプが必要

Question

みんな！

Sencha Touch 2 のアプリケーションには、このレイアウト位置が必要です。

xtype: 'panel' が正しく動作するコード

items: [
            {
                xtype:        'panel',
                docked:        'left',
                items:    [
                    {
                        xtype:    'panel',
                        docked:    'top',
                        html:    '1'
                    },
                    {
                        xtype:    'panel',
                        docked:    'top',
                        html:    '2'
                    }
                ]
            },
            {
                xtype:        'panel',
                docked:        'top',
                html:        '3'
            }
        ]

しかし、1 つのパネルを xtype: 'list' に置き換えると、

items: [
            {
                xtype:        'panel',
                docked:        'left',
                items:    [
                    {
                        xtype:    'panel',
                        docked:    'top',
                        html:    '1'
                    },
                    {
                        xtype:    'list',
                        docked:    'top',
                        store:    'mystore',
                        itemTpl:'<div>{Caption}</div>'
                    }
                ]
            },
            {
                xtype:        'panel',
                docked:        'top',
                html:        '3'
            }
        ]

ブラウザには表示されず、xtype: 'panel' のパネルのみが表示されます。私は何を間違っていますか？

ありがとうございました。

Answer 1

絶対位置を試す

               {
                    xtype:    'list',
                    docked:    'top',
                    top:    0,
                    bottom:    0,
                    left:    0,
                    right:    0,
                    store:    'mystore',
                    itemTpl:'<div>{Caption}</div>'
                }

同意します。これは、Touch 2 の不快な癖の 1 つです。

乾杯、オレグ