sencha-touch - 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+ 显示表单面板（Ext.form.Panel），您需要添加scrollable: null属性

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

请参阅此处的讨论

Answer 2

layout将登录视图的更改vbox为fit。然后将layout包含您的表单面板的容器设置为fit也。

检查此链接以获取有关 Sencha Touch 中布局的更多信息。