使用visjs操作创建工作流依赖
Using visjs manipulation to create workflow dependencies
我们目前正在使用 visjs 版本 3 来映射我们自定义构建的工作流引擎的依赖关系。这非常棒,因为它可以帮助我们可视化流程并找到无效或缺失的依赖项。我们接下来要做的是使用 visjs 操作功能简化构建依赖关系的过程。这个想法是我们将显示一大组节点并允许用户正确排序它们。然后我们希望能够将 json 结构提交回服务器进行处理。
这可能吗?
是的,这是可能的。
Vis.js 调度各种 events that relate to user interactions with graph (e.g. manipulations, or position changes) for which you can add handlers that modify or store the data on change. If you use DataSets 来存储网络中的节点和边,您始终可以使用数据集的 get()
函数来检索 [=24] 中处理程序中的所有元素=] 格式。然后在您的处理程序中,只需使用 ajax 请求将 JSON 传输到您的服务器以将整个图形存储在您的数据库中,或者将 JSON 保存为文件。
加载图的反面:只需从您的服务器查询 JSON 并使用 set
方法将其注入节点和边缘数据集。
您还可以使用网络的 getOptions
方法存储网络当前选项,returns 所有应用的选项都作为 json。
我们目前正在使用 visjs 版本 3 来映射我们自定义构建的工作流引擎的依赖关系。这非常棒,因为它可以帮助我们可视化流程并找到无效或缺失的依赖项。我们接下来要做的是使用 visjs 操作功能简化构建依赖关系的过程。这个想法是我们将显示一大组节点并允许用户正确排序它们。然后我们希望能够将 json 结构提交回服务器进行处理。
这可能吗?
是的,这是可能的。
Vis.js 调度各种 events that relate to user interactions with graph (e.g. manipulations, or position changes) for which you can add handlers that modify or store the data on change. If you use DataSets 来存储网络中的节点和边,您始终可以使用数据集的 get()
函数来检索 [=24] 中处理程序中的所有元素=] 格式。然后在您的处理程序中,只需使用 ajax 请求将 JSON 传输到您的服务器以将整个图形存储在您的数据库中,或者将 JSON 保存为文件。
加载图的反面:只需从您的服务器查询 JSON 并使用 set
方法将其注入节点和边缘数据集。
您还可以使用网络的 getOptions
方法存储网络当前选项,returns 所有应用的选项都作为 json。