extjs4.0中文API整理01——Application

extjs4.0中文API整理01——Application
材料来自于extjs官网，翻译参考脚本娃娃的中文版


一、Ext.app.Application
1.代表Ext JS 4的应用，典型的单页面应用使用Viewport。 

典型的Ext.app.Application应该像下面这样：

Ext.application({
    name: 'MyApp',
    launch: function() {
        Ext.create('Ext.container.Viewport', {
            items: {
                html: 'My App'
            }
        });
    }
});

它做了很多事情。首先，创建一个叫MyApp的全局变量-你所有的应用类（例如Models、View和Controllers）将属于单独的命名空间namespace,
彻底降低了与全局变量冲突的机会。
当页面准备好所有的JavaScript加载完成，你的应用launch函数将被调用，在那个时候你可以运行代码启动你的程序。 
通常，这些动作包含创建一个Viewport，就像在上面的例子那样做。


2.在Application中关联有关其他的应用
因为一个Ext.app.Application代表整个应用，我们应该告诉他关于其他的部分应用-也就是与应用程序绑定的Models、Views和Controllers。
让我们假设我们有一个博客管理应用程序：我们有模型Model和控制器Controller来处理帖子和评论，列单的视图View，添加、编辑帖子和评论。 
在这里我们将告诉应用程序这些东西：

Ext.application({
    name: 'Blog',
    models: ['Post', 'Comment'],
    controllers: ['Posts', 'Comments'],

    launch: function() {
        ...
    }
});

注意，我们实际上并没有直接列出Views在应用程序本身。
这是因为View被Controller所管理， 所以它是有意义去保持这些依赖项。
应用程序将加载每一个指定的Controllers，在application architecture guide中使用路径控制公约来制定


在这种情况下期待控制器位于app/controller/Posts.js和app/controller/Comments.js中。 
依次地，每一个控制器需要列举它使用的Views并且这些Views会自动被加载。 
下面是我们被定义的Posts控制器:

Ext.define('MyApp.controller.Posts', {
    extend: 'Ext.app.Controller',
    views: ['posts.List', 'posts.