Panel 如何添加表单xtype sencha touch 2.0

目前，我正在自学Sencha Touch 2.0，在我的视口中添加一个名为test的xtype时遇到了一个问题

测试类正在扩展“Ext.form.Panel”，问题是我的视图中没有显示任何表单，sencha也没有给出任何错误。当我扩展“Ext.Panel”并设置一个html属性时，它确实会显示出来。有人能告诉我我做错了什么吗

视口文件

Ext.define('App.view.Viewport', {
extend: 'Ext.viewport.Default',



config: {

    scrollable: true,
    fullscreen:true,
    items:[
        {
            xtype: "panel",
            items: [
                {
                    xtype:"toolbar",
                    title:"Test App"
                },
                {
                    xtype:"panel",
                    items: [
                        {
                            xtype:"test"
                        }
                    ]
                }
            ]
        }
    ]
}

   //Define controller name 
Ext.define('App.controller.User', {
    //Extend the controller class
    extend: 'Ext.app.Controller',
    //define associated views with this controller
    views: ['user.Test'],


    init: function()
    {
        //do something and setup listeners

        //setup listeners 

    }


});

}))

控制器文件

Ext.define('App.view.Viewport', {
extend: 'Ext.viewport.Default',



config: {

    scrollable: true,
    fullscreen:true,
    items:[
        {
            xtype: "panel",
            items: [
                {
                    xtype:"toolbar",
                    title:"Test App"
                },
                {
                    xtype:"panel",
                    items: [
                        {
                            xtype:"test"
                        }
                    ]
                }
            ]
        }
    ]
}

   //Define controller name 
Ext.define('App.controller.User', {
    //Extend the controller class
    extend: 'Ext.app.Controller',
    //define associated views with this controller
    views: ['user.Test'],


    init: function()
    {
        //do something and setup listeners

        //setup listeners 

    }


});

查看文件

Ext.define('App.view.user.Test', {
    extend: 'Ext.form.Panel',
    alias: 'widget.test',



    config: {
        items: [
        {
            xtype: 'textfield',
            name: 'name',
            label: 'Name'
        },
        {
            xtype: 'emailfield',
            name: 'email',
            label: 'Email'
        },
        {
            xtype: 'passwordfield',
            name: 'password',
            label: 'Password'
        }
    ]
    },
    initialize: function() {
        console.log('initialize home view');
        this.callParent();
    }
});

简单说明

xtype: 'test'

在

App.view.user.Test中

definition

只需指定

xtype: 'test'

---

在您的

App.view.user.Test

definition

中，我已将其排序。看看：

---

我已经把它整理好了。看看：

---

这与别名“widget.Test”相同。虽然当我这样做时，我得到一个空白屏幕，我尝试从一个普通面板扩展它，然后我确实看到了我的输入字段。尝试不要将FormPanel包装到面板中，除非有很好的理由，这与别名“widget.Test”相同。虽然当我这样做的时候，我得到了一个空白屏幕，我试着从一个普通面板扩展它，然后我确实看到了我的输入字段。试着不要将FormPanel包装到面板中，除非有充分的理由