Javascript Sencha Touch formpanel不创建表单元素

我正在处理一些sencha touch入门代码

我要做的一件事是创建一个联系人表单选项卡面板

我已经定义了我的面板类，其中包括一个

formpanel

。加载页面时，会创建字段集，但formpanel不会创建表单元素：

Ext.define('ScoreKeeper.view.tabs.Contact',{
    extend : 'Ext.Panel',
    xtype  : 'ContactTab',
    requires: [
        'Ext.form.FieldSet',
        'Ext.field.Text',
        'Ext.field.Email',
        'Ext.field.TextArea'
    ],
    config : {
        title   : 'Contact Form',
        id      : 'contactForm',
        iconCls : 'user',
        xtype   : 'formpanel',
        url     : 'contact.php',
        layout  : 'vbox',
        items   : [
            {
                xtype        : 'fieldset',
                title        : 'Contact Us',
                instructions : '(email address is optional)',
                height       : 285,
                items        : [
                    {
                        xtype: 'textfield',
                        label: 'Name'
                    },{
                        xtype: 'emailfield',
                        label: 'Email'
                    },{
                        xtype: 'textareafield',
                        label: 'Message'
                    }
                ]
            },{
                xtype : 'button',
                text  : 'Send',
                name  : 'contactSubmit',
                ui    : 'confirm'
            }
        ]
    }
});

当我检查代码表单时，其中的示例肯定会创建一个表单元素。我没有收到任何控制台错误，它没有被创建

---

我遗漏了什么？

您的语法不正确：您使用面板的

config

字段作为

项

字段

你也应该

• 指定您的

  ScoreKeeper.view.tabs.Contact

  作为

  扩展：“Ext.form.Panel”

  并从

  配置中删除xtype行

或

• 在面板的

  items

  中指定

  formpanel

  对象，并将

  fieldset

  放在

  formpanel

  的项中

第一个解决方案的代码（最佳imo）：

Ext.define('ScoreKeeper.view.tabs.Contact',{
    extend : 'Ext.form.Panel',
    xtype  : 'ContactTab',
    requires: [
        'Ext.form.FieldSet',
        'Ext.field.Text',
        'Ext.field.Email',
        'Ext.field.TextArea'
    ],
    config : {
        title   : 'Contact Form',
        id      : 'contactForm',
        iconCls : 'user',
        // xtype   : 'formpanel',
        ...
});