Sencha Touch：在同一视图中列出和表单字段

Question

我需要在 Sencha Touch 中开发一个视图，其中一些表单字段、文本区域和按钮必须放在列表之后；以下是源代码：

Ext.define('myapp.view.MyNotes',{
    extend: 'Ext.Panel',
    xtype: 'admissionnotes',

    requires: [
        'myapp.view.MyAppTitle',
        'myapp.view.MyList',
        'myapp.view.MyForm',
        'myapp.view.MyAppTabBar'
    ],

    config: {
            layout: 'fit',
            fullscreen: true,
            scrollable: true,
        items: [
            {
               xtype: 'myapptitle'
            },
            {
               xtype: 'myapplist'
            },
            {
               xtype: 'myform'
            },
            {
               xtype: 'myapptabbar'
            }

            ]
    }
});

问题是这些表单域与我的列表重叠。有人可以帮忙解决这个问题吗？

谢谢

Answer 1

也许vbox 布局会比fit 更合适？

layout: {type: 'vbox', align: 'stretch'}