1

ツールバーの「ログイン」をタップするときにパネルを切り替えようとしています。コントローラがイベントを取得し、アクティブなアイテムを必要なパネルに追加して設定することで切り替えます。ただし、画面は空白のままです（デバッグエラーはありません）。

これは私のパネルのコードです、間違いが何であるかについて何か考えはありますか？

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);
}})
4

1 に答える 1

1

でクラスを定義しExt.defineます。 

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

でクラスを作成（インスタンス化）Ext.create

var tlb= Ext.create('My.Toolbar', {
    //configuration
});
于 2013-01-03T12:24:16.863 に答える