ExtJs 4 MVC

原文地址：http://www.showframework.com/2012/07/extjs-mvc-architecture/

为了给自己加深点印象，自己照着程序写了一遍，中间出现了一些问题。实践果然才是硬道理

创建index.html 引用extjs4的js和css，创建app.js 并引入app.js

<link href="extjs-4.1.0/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
    <script src="extjs-4.1.0/ext-all-debug.js" type="text/javascript"></script>
    <script src="app.js" type="text/javascript"></script>

app.js

注意：在extjs4.0的版本中，Ext.Loader的属性enabled 默认是true，也就是自动加载,但是4.1版本中默认是false，所以必须在设置为true，让其自动加载。这是4.1跟4.0的一点小区别，

另外:官方demo错了 官方demo写的是 requires: 'Ext.container.Viewport'， //这里的requires需要是个数组，extjs源码没处理好只有一个requires的情况

Ext.Loader.setConfig({ enabled: true });

Ext.application({
    requires: ['Ext.container.Viewport'],
    name: 'AM',

    appFolder: 'app', //相对于文件夹 app
    controllers: [
        'Users'
    ],
    //在所有加载项加载完成之后 调用
    launch: function () {
        Ext.create('Ext.container.Viewport', {
            llayout: 'fit',
            items: {
                xtype: 'userlist'
            }
        });
    }
});