sencha-touch - Sencha touch 表单面板未显示

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: [
        ...
    ]
}

参见讨论 here