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'

            }

        });

    }

});