如何添加表单xtype sencha touch 2.0

目前我正在教自己的Sencha Touch 2.0，并遇到一个问题，即在我的视口中添加一个名为test的xtype。如何添加表单xtype sencha touch 2.0

测试类扩展“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.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(); 
    } 
});

来源

2011-11-08 user1035654