网络图组成

Network的组成

EdoNetwork由两个主要部分构成:

  1. 界面显示组件:Edo.lists.Network
  2. 数据源组件:Edo.data.DataNetwork

Network是可视的组件,它用于界面显示、编辑操作、用户交互等功能。
DataNetwork是不可见的数据组件,负责数据视图和数据操作。在DataNetwork上的所有数据操作,比如增、删、改、过滤、排序等,都会被Network监听并更新界面。

DataNetwork数据源组件

data属性就是一个Edo.data.DataNetwork对象。
它负责表格数据操作,例如增加、删除、修改、移动、升级、降级等操作。
Network通过监听DataNetwork的"datachanged"数据改变事件,更新自己的界面视图。

创建DataNetwork只需要一个简单的数据结构,网络图数据结构请看这里

通常我们获得一个网络图数据对象后,进行如下操作:

var data = [...]; //网络图数据对象
var dataNetwork = new Edo.data.DataNetwork(data); //创建DataNetwork
network.set('data', dataNetwork);

网络图数据对象通常使用Ajax从服务端获取,只需要一个简单的操作就可以将数据提供给网络图界面组件,从而呈现效果。

如果使用Ajax加载,请参考加载数据教程,和Ajax加载和保存示例。