ExtJS MVC 案例实践（一）

参考自：https://blog.csdn.net/luckypeng/article/details/43151793

介绍：

使用ExtJS MVC构建出如下图框架。

ps： 此实验是接着 "ExtJS MVC框架搭建（三）" 教程后面做的， 所以主页为 index2.html, JS文件为 app2.js

一、自定义一个viewport组件

 新建 app/view/Viewport.js 文件， 内容如下：

Ext.define('OA.view.Viewport', {
    extend: 'Ext.container.Viewport',
    //布局方式：border
    layout: 'border',
    items: [{
        title:'ExtJS案例',
        collapisble: true,
        region:'north',
        height: 100,
        html: '<br><center><font size=5>MVC模式实现的ExtJS案例</font><br><font size=2>'
+ '源码来源:ITLee博客</font></center>'
    },{
        title: '功能菜单',
        region: 'west',
        width: 180,
        split: true,
        collapisble: true,
        items:[{
            xtype: 'menutree'
        }]
    }, {
    	region: 'center',
        id: 'mainCo