Question

我对Sencha很新，所以这可能是一个新手错误：）

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

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

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

Main.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);
        }
    });
}
});

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

}

}）;

app.js

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

controllers : ['LoginController'],

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

感谢您的帮助，科恩

Answer 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'
        }
},
...

从Main.js中删除后，Controller无法找到视图

1 个答案: