Sencha touch Sencha Touch 2 xtype未按预期工作

Sencha touch Sencha Touch 2 xtype未按预期工作,sencha-touch,extjs,sencha-touch-2,Sencha Touch,Extjs,Sencha Touch 2,因此,我正在构建我的第一个Sencha Touch应用程序,我在渲染我定义的面板时遇到了问题 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,

因此,我正在构建我的第一个Sencha Touch应用程序,我在渲染我定义的面板时遇到了问题

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'
      }
    ]
  }

});
app.js

views: ['Main', 'Login'],
我已经做了一些研究,有人建议使用

alias: 'widget.loginpanel'
我试过了,但还是不行。有人能解决这个问题吗

编辑 这就是我现在拥有的,它仍然没有做任何事情=(


基本上,没有必要使用别名,因为您已经在Sencha Touch 2中定义了该类并将其注册到xtype


您使用的是哪种浏览器?请查看浏览器调试器中是否记录了任何错误并粘贴到此处。我会尽力帮助您。

别名:“widget.loginpanel”
对我有效,请检查拼写和大写错误,我也会将其放在前面,要求它不影响回答。没有错误,我很抱歉使用Chrome进行此操作我对源代码做了一些修改,效果很好。看看这两个配置,它完成了一些技巧。xD
Ext.define(“Blog.view.Main”,{extend:'Ext.Container',config:{fullscreen:true,layout:'card',items:[{xtype:'loginpanel'}})
太棒了!我需要布局:“卡片”!
alias: 'widget.loginpanel'
Ext.define("Blog.view.Login", {
  extend:'Ext.form.Panel',
  alias: 'widget.loginpanel',
  requires : ['Ext.form.FieldSet', 'Ext.field.Email', 'Ext.field.Password'], ...