Sencha Touch 2 xtype funktioniert nicht wie erwartet

Question

SO baue ich meine erste Sencha Touch App und ich habe ein Problem mit dem Rendern eines Panels, das ich definiert habe.

Login.js

Ext.define("Blog.view.Login", { 
    extend:'Ext.form.Panel', 
    requires : ['Ext.form.FieldSet', 'Ext.field.Email', 'Ext.field.Password'], 
    xtype: 'loginpanel', 

    config:{ 
    scrollable:true, 
    title: "Log In", 

    items:[ 
     { 
     html:"<center><h1>OkShit</h1></center>", 
     styleHtmlContent:true 
     }, 
     { 
     xtype:'fieldset', 
     items:[ 
      { 
      xtype:'emailfield', 
      name:'email', 
      placeHolder:'E-Mail' 
      }, 

      { 
      xtype:'passwordfield', 
      name:'password', 
      placeHolder:'Password' 
      } 
     ] 
     }, 
     { 
     xtype:'button', 
     text:'Log In', 
     style:{ 
      marginBottom:'20px' 
     } 
     }, 
     { 
     xtype:'button', 
     text:'Sign Up' 
     } 
    ] 
    } 

}); 

main.js

Ext.define("Blog.view.Main", { 
    extend:'Ext.Container', 

    config:{ 
    items:[ 
     { 
     xtype :'loginpanel' 
     } 
    ] 
    } 
}); 

app.js

views: ['Main', 'Login'], 

ich einige der Forschung hat bereits und jemand

alias: 'widget.loginpanel' 

zu verwenden, vorgeschlagen 210

Ich habe es versucht, aber es hat immer noch nicht funktioniert. Hat jemand eine Lösung dafür?

EDIT Das ist, was ich jetzt habe und es tut immer noch nichts = (

Ext.define("Blog.view.Login", { 
    extend:'Ext.form.Panel', 
    alias: 'widget.loginpanel', 
    requires : ['Ext.form.FieldSet', 'Ext.field.Email', 'Ext.field.Password'], ... 

Answer 1

Im Grunde ist es nicht wirklich notwendig Alias ​​verwenden, weil Sie bereits diese Klasse definiert haben und registrierte es mit einem xtype in Sencha Touch 2.

Welchen Browser benutzen Sie? Bitte sehen Sie, ob irgendwelche Fehler im Browser-Debugger angemeldet sind und hier einfügen. Ich werde versuchen, Hel Ich sag dir Bescheid.