1

所以我正在构建我的第一个 Sencha Touch 应用程序，但在渲染我定义的面板时遇到了问题。

登录.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'
      }
    ]
  }

});

主.js

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

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

应用程序.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'], ...
4

1 回答 1

3

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

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

于 2012-04-04T06:14:24.593 回答