javascript - 如何使用 ExtJS 制作 MVC 登录和主视图

Question

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

我的意思是，如果我必须有一个登录表单，然后当有人登录时我必须更改为另一个视图，我怎么能这样做？

我必须将登录和其他视图放入 ViewPort 吗？有没有人有任何例子我可以如何管理这个？你建议什么结构？

Answer 1

您的登录应该是一个独立的视图。这是一个如何构建 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();
    }
});