Sencha触摸表单面板没有显示

Question

由于某种原因，我的表单面板没有显示。有人可以帮忙吗？我很新手很抱歉，如果这很明显！它是使用Sencha Architect构建的，但我无法理解为什么表单中没有字段显示？...

Ext.define('MyApp.view.Login', {
    extend: 'Ext.Container',

    config: {
        layout: {
            type: 'vbox'
        },
        items: [
            {
                xtype: 'titlebar',
                docked: 'top',
                title: 'My Title'
            },
            {
                xtype: 'toolbar',
                docked: 'top',
                items: [

                    {
                        xtype: 'button',
                        text: 'Call'
                    },
                    {
                        xtype: 'button',
                        text: 'Email'
                    }                       
                ]
            },
            {
                xtype: 'container',
                flex: 1,
                border: 2,
                items: [
                    {
                        xtype: 'formpanel',
                        styleHtmlContent: true,
                        items: [
                            {
                                xtype: 'fieldset',
                                title: 'MyFieldSet',
                                items: [
                                    {
                                        xtype: 'textfield',
                                        label: 'Field'
                                    },
                                    {
                                        xtype: 'textfield',
                                        label: 'Field'
                                    }
                                ]
                            }
                        ]
                    }
                ]
            }
        ]
    }

});

Answer 1

要在其他容器内正确使用Sencha Touch 2.3+显示formpanel（Ext.form.Panel），您需要添加scrollable: null属性

{
    xtype: 'formpanel',
    scrollable: null,         
    items: [
        ...
    ]
}

参见讨论here

Answer 2

将您的登录视图的layout从vbox更改为fit。然后将包含formpanel的容器的layout也设置为fit。

检查this link以获取有关Sencha Touch中布局的更多信息。