javascript - 如何使用 ExtJS 创建 MVC 登录和主视图

Question

我想问一下在 ExtJS 4.2 中使用 MVC 模式管理多个 View 的最佳方式是什么。

我的意思是，如果我必须有一个登录表单，然后当有人登录时我必须切换到另一个 View ，我该怎么做？

我必须将登录和其他 View 放入 ViewPort 中吗？有没有人有任何例子我怎么能管理这个？您建议使用哪种结构？

Answer 1

您的登录应该是一个独立的 View 。下面是一个如何构建 MVC 代码的示例:

Ext.application({
    name: 'xxx',
    models: [
        // ...
    ],
    views: [
        // ...    
    ],
    stores: [
        // ...
    ],
    controllers: [
        // ...
    ],

    // ...

    launch: function() {
        // at the beginning show only the login form
        this.showLoginView();
    },
    // when the login is successfull, show your main view
    login: function(username, password) {
        this.showMainView();
    }
});