容器内容管理模块

之前已经介绍了视图管理模块（ViewManager）,通过json格式的数据，渲染页面上的容器（个人觉得数据格式定义的很好，甚至可以在后期改为动态编辑态，题外话...）

通俗的来讲，房子已经建好了，下面就是需要给房子内部添加内容了。这个添加内容的功能，我命名为CtnManager，用来管理容器内容，而容器内部数据的格式，在这里给出：

{//对应一个chart控件

    type: 'line',

    series:[

        {

            title:'淘宝销售天数据',//对应到图例

            uid: 'DayIncome',

            dataRange: { start: '2014/11/8', end: '2014/-1/-1'       },

        }

    ],

    panel_index:"af2d36k7"//对应到容器中的id

}

CtnManager要管理的就是多个上面这样的数据，包括添加，清除，更新，所以经过分析得出模块的方法如下：

CtnManager.prototype.add = function(data){

        this.panels.push[data.panel_index] = new PanelCtnManager(data);

    };



CtnManager.prototype.clearPanel = function(id){

    var p = this.panels[id];

    if(!p){

        throw "要清除的内容不存在！"

    }

    p.Dispose();

};



CtnManager.prototype.update = function(id, dataRange){

    var p = this.panels[id];

    if(!p){

        throw "要更新的内容不存在！"

    }

    p.Update(dataRange);

};

这里提到了另一个模块PanelCtnManager这个模块的输入参数为一个Panel的数据对象，管理Panel的数据更新，ajax请求及回复。