extjs - Sencha Touch 2.2.0 表单面板不显示

Question

它是空的。

Ext.define('odtu.view.Main', {
    extend: 'Ext.tab.Panel',
    xtype: 'main',
    requires: [
        'Ext.TitleBar',
        'Ext.Video',
        'Ext.form.Panel',
        'Ext.form.FieldSet',
        'Ext.field.Password',
        'Ext.field.Email'
    ],
    config: {
        tabBarPosition: 'bottom',

        items: [
            {
                title: 'Giriş',
                iconCls: 'home',

                styleHtmlContent: true,
                scrollable: true,

                items: [
                {
                    docked: 'top',
                    xtype: 'titlebar',
                    title: 'm.odtu.lu'
                },
                {
                    xtype: 'formpanel',
                    url: 'register.php',
                    items:{
                        xtype: 'fieldset',
                        items:
                        [
                            {
                                xtype: 'textfield',
                                name : 'name',
                                label: 'Name'
                            },
                            {
                                xtype: 'emailfield',
                                name : 'email',
                                label: 'Email'
                            },
                            {
                                xtype: 'passwordfield',
                                name : 'password',
                                label: 'Password'
                            }
                        ]
                    }
                }
                ]
            },
            {
                title: 'Kaydol',
                iconCls: 'compose',

                items: [
                    {
                        docked: 'top',
                        xtype: 'titlebar',
                        title: 'Kaydol'
                    },
                    {
                        xtype: 'video',
                        url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c',
                        posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg'
                    }
                ]
            }
        ]
    }
});

Answer 1

为您的窗体设置一个高度

{
  ...
  height: 100 // for instance
  ...
}

或者，如果您希望表单面板占据整个高度，您可以在 Giriş 面板上使用合适的布局

{
  title: 'Giriş',
  iconCls: 'home',
  layout: 'fit'
  ...
}

希望这可以帮助