Sencha Touch 2 xtype无法按预期工作

时间:2012-04-04 04:47:06

标签: sencha-touch extjs sencha-touch-2

所以我正在构建我的第一个Sencha Touch应用程序,我在渲染我已定义的Panel时出现问题。

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

我已经做了一些研究,有人建议使用

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'], ...

1 个答案:

答案 0 :(得分:3)

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

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