Extjs 面板未显示sencha touch 2

我试图在点击工具栏中的“登录”时切换面板。 我的控制器获取事件，我通过将活动项添加并设置到我想要的面板来切换。。但是，屏幕保持空白（并且没有调试错误）

这是我小组的代码，知道错误是什么吗

Ext.define('App.view.LoginView', {
extend: 'Ext.Panel',
xtype: 'loginpanel',
alias: 'widget.loginView',

fullscreen: true,
layout: 'fit',

items: [
    {
        xtype: 'TopToolBar'
    },
    {
            xtype: 'formpanel',
            items: [
            {
                xtype: 'fieldset',
                title: 'Login',
                instructions: 'Have a great day!',
                items: [
                    {
                        xtype: 'emailfield',
                        name: 'email',
                        label: 'Email'
                    },

                    {
                        xtype: 'passwordfield',
                        name: 'password',
                        label: 'Password'
                    }
                ]
            },

            {
                xtype: 'button',
                text: 'Login',
                ui: 'confirm',
                handler: function()
                {
                    this.up('loginpanel').submit();
                }
            }
        ]
    }]})

我的工具栏类的代码：

Ext.define('App.view.TopToolBar', {
extend: 'Ext.Toolbar',
xtype: 'TopToolBar',
dock: 'top',
initialize: function() {
    var loginButton = {
        xtype: 'button',
        text: 'Login',
        ui: 'action',
        handler: this.onLoginTap,
        scope: this
    };

    this.add(loginButton);
},

onLoginTap: function(){
    console.log('login tap');
    this.fireEvent('loginBtnHandler', this);
}})

使用定义类

使用创建（实例化）类

使用定义类

使用创建（实例化）类

---

屏幕什么时候变成空白？当您按下按钮或尝试执行代码时？看起来您只定义类而没有实例化它们。事实上，这就是问题所在，我没有实例化它们；）谢谢！（我还必须给出组件的布局）我可以回答这个问题吗，这样你就可以接受了？这对你、这个网站和我都有好处：）什么时候屏幕会变成空白？当您按下按钮或尝试执行代码时？看起来您只定义类而没有实例化它们。事实上，这就是问题所在，我没有实例化它们；）谢谢！（我还必须给出组件的布局）我可以回答这个问题吗，这样你就可以接受了？这对你、这个网站和我都有好处：）

Ext.define('My.Toolbar', {
    extend: 'Ext.Toolbar',
    alias: 'widget.mytoolbar'
    //configuration
});

var tlb= Ext.create('My.Toolbar', {
    //configuration
});