在Sencha Touch 2中需要帮助Layouts

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'
            }
        ]

但如果我将一个面板替换为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的一个令人不快的怪癖。

干杯，奥列格