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

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

干杯，奥列格