extjs - 如何使用 extjs 4.0 beta 3 制作 "MVC Application"？

Question

这里有人使用 EXTJS 4 BETA 3 制作了 MVC 应用程序吗？并且工作正常？ 请帮助我如何？,..

我一步一步跟着here ..和@Abdel Olakara 帮助

但仍然有一个错误......这是我的 Firebug

[Ext.Loader] Synchronously loading 'AM.controller.Users'; consider adding  
Ext.require('AM.controller.Users') above Ext.onReady  

[Ext.Loader] Synchronously loading 'AM.store.Users'; consider adding  
Ext.require('AM.store.Users') above Ext.onReady

this.getView('Viewport') is null

当我读到this时在论坛上... MVC 指南仍然存在一些错误...

所以，如果你能让它起作用......怎么办？

这是我的Application.js:

Ext.Loader.setConfig({enabled:true}); 
Ext.create('Ext.app.Application', {
    name: 'AM',

    controllers: [
        'Users'
    ],

    views: [
        'user.List'
    ],

    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: {
                xtype: 'userlist'
            }
        });
    }
});

我正在尝试在 Extjs 中学习 MVC... 抱歉，如果我的英语不好..

Answer 1

好吧，我想我应该收回我的话了!在浏览 sencha 博客后，我取得了一些成功。最后，让我的 MVC“骨架”运行起来!

这是工作代码:

Ext.Loader.setConfig({enabled:true});
Ext.create('Ext.app.Application', {
    name: 'AM',
    autoCreateViewport: false,
    controllers: [],

    launch: function() {
        Ext.create('Ext.container.Viewport', {
            layout: 'fit',
            items: [
                {
                    xtype: 'panel',
                    title: 'Users',
                    html : 'List of users will go here'
                }
            ]
        });
    }
}); 

请注意，代码非常少，并且已删除论坛和此处报告的常见错误。下一步是开始使用此代码并向其添加 Controller 、 View 等!

我将继续更新这个答案。

---

更新:提到的前两个错误实际上并不是错误。它们是警告，即使显示这些警告，应用程序也可以正常工作。你提到的第三个错误是一个塞子!

视口(viewport)问题的解决方案这里有两种解决方法。

1. 使用 autoCreateViewport: false, 属性并定义您的视口(viewport)(我看到您已在启动方法中定义了视口(viewport))

2. 创建一个 Viewport.js 并将其保存在 View 文件夹中。在这种情况下，我觉得我的启动方法为空，并将视口(viewport)代码移至 Viewport.js 文件。但我确实收到错误:

   未捕获类型错误:无法调用 null 的“create”方法