流程图控件GoJS教程：面板项目数组（上）

GoJS是一款功能强大，快速且轻量级的流程图控件。本教程将为您介绍面板项目数组的内容。

GoJS是一款功能强大，快速且轻量级的流程图控件，可帮助你在JavaScript 和HTML5 Canvas程序中创建流程图，且极大地简化您的JavaScript / Canvas 程序。

GoJS现已更新至最新版本2.0.16发布，修复了一些bug，增强用户体验，赶快下载试试吧~

GoJS最新试用版

如何通过将数据绑定到JavaScript数组来显示节点中可变数量的元素案很简单：只需绑定（或设置）Panel.itemArray即可。该小组，因为有在结合阵列值将包含尽可能多的元素。

简单的物品清单

这是一个非常简单的示例，展示了将Panel.itemArray绑定到值为Array的数据属性的标准方法。

 diagram.nodeTemplate =    $(go.Node, "Vertical",      new go.Binding("itemArray", "items"));  diagram.model =    $(go.GraphLinksModel,      {        nodeDataArray: [          { key: 1, items: [ "Alpha", "Beta", "Gamma", "Delta" ] },          { key: 2, items: [ "first", "second", "third" ] }        ],        linkDataArray: [          { from: 1, to: 2 }        ]

标签：