1

我对 Sencha 很陌生，所以这可能是一个新手错误 :)

我正在尝试在 Sencha 中实现页面导航。以下场景有效。

我有一个带有主屏幕和登录屏幕的 Main.js。当我输入凭据时，我被转发到 Home.js。

但是，我现在想从 Main 中删除 Home，因为它只能在登录后显示。但是，在从 Main.js 中删除 xtype home 后，它就再也找不到了。我不明白为什么。

主.js

config : {
    tabBarPosition : 'bottom',

    items : [{
        xtype : 'startview',
    }, {
        xtype : 'contactform'
    }, {
        xtype : 'loginform'
    }, {
        xtype : 'createaccountform'
    }, {
        xtype : 'homeview' REMOVING THIS MAKES THE HOME undefined in the controller
    }]
}

我的控制器

Ext.define("MyApp.controller.LoginController", {
extend : "Ext.app.Controller",

xtype : 'logincontroller',

requires : ['Ext.app.Router', 'MyApp.view.Home'],

config : {
    refs : {
        loginForm : "#loginFormPanel",
        home : 'homeview'
    },

    routes : {
        login : 'authenticateuser'
    },
    control : {
        'button[action=login]' : {
            tap : "authenticateUser"
        }
    },
    views : ['Login', 'Home']
},

authenticateUser : function(button) {

            **// WHEN REMOVING xtype: homeview from MAIN this getter returns undefined (??)**
    var activeView = this.getHome(); 

    this.getLoginForm().submit({
        url : 'php/process_login.php',
        method : 'POST',
        success : function(form, result) {

            alert('Success and moving to home ' + activeView);
            Ext.Viewport.setActiveItem(activeView);
        },
        failure : function(form, result) {

            alert('2');

            Ext.Msg.alert('Error', 'failure....' + result);
        }
    });
}
});

主页.js

Ext.define('MyApp.view.Home', {
extend : 'Ext.tab.Panel',
id : 'home',
xtype : 'homeview',
requires : ['Ext.TitleBar', 'Ext.Video'],
config : {
    title : 'Home',
    iconCls : 'home',
    tabBarPosition : 'bottom',

    items : [{
        xtype : 'searchview',
    }, {
        xtype : 'profileview'
    }, {
        xtype : 'messagesview'
    }, {
        xtype : 'sensesview'
    }]

}

});

应用程序.js

views : ['Start', 'Main', 'Contact', 'Login', 'CreateAccount', 'Home', 'Messages', 'Profile', 'Search', 'Senses'],

controllers : ['LoginController'],

那么，我怎样才能确保我仍然在控制器中获得对 Home 的引用（从 main 中删除之后）？

谢谢你的帮助，科恩

4

1 回答 1

1

你想给出Home一个itemId而不是一个id。

Ext.define('MyApp.view.Home', {
    extend : 'Ext.tab.Panel',
    itemId : 'home',
    xtype : 'homeview',
    ...
});

现在在您的控制器中，您想像这样引用它：

...
config : {
refs : {
    loginForm : "#loginFormPanel",
    home : {
            autoCreate: true,
            selector: '#home',
            xtype: 'homeview'
        }
},
...
于 2013-02-26T13:57:45.403 回答