关于GoJs重新加载数据页面重新加载的问题

最新推荐文章于 2023-03-30 12:54:08 发布
原创 最新推荐文章于 2023-03-30 12:54:08 发布 · 3k 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#前端

本文介绍在GoJs中如何解决根据不同选项加载数据并动态刷新关系图的问题。当尝试重新加载数据时，会遇到已存在Diagram的错误。解决方法是将Diagram.div设置为null，断开与HTMLDiv元素的关联，实现关系图的动态更新。

关于GoJs重新加载数据页面重新加载的问题


因为现在的项目需求涉及到了GoJs，所以相应的学习了一下。
在绘制关系图的时候经常会碰见一种情况，就是根据不同的选项加载不同的数据并动态刷新关系图。
这个时候第一反应就是在调用一次GoJs的初始化方法，然后发现…
在这里插入图片描述
报错了，意思就是这个div中已经有一个Diagram了，百度发现关于GoJs的问题解决办法真的是少之又少，最后还是通过查阅官方的API解决了这个问题。
在这里插入图片描述
如果要取消将关系图与HTML Div元素关联，要将Diagram.div设置为null，而且不可以手动修改此Div的内容这样不会引发Changed事件。（就是$("#id名").val("")是没用的。）
解决办法：
myDiagram.div = null;
在这里插入图片描述
myDiagram就是你定义时候的名字。
就是这么简单粗暴…但是为了解决这个问题我真的是看了好久，记录一下，方便自己以后使用也分享给可能也遇到了同样问题的你。

kitty_ELF
关注
angular 使用 gojs 实现异步刷新
0x8g1T9E-
12-17 5800
方法1： 在需要用到插件的ts文件中添加如下引用 其中 ‘./config/gojs/go.js’ 是存放你修改后的go.js路径(为了去水印) 不需要在module里面添加任何东西，也不需要在.angular-cli.json或index.html 配置，这个方法是最简单快捷的。 import { Component , OnInit } from ‘@angular/core’; import...
使用gojs展示设备配置过程
龙马的猫
10-13 1506
项目需求：使用gojs给嵌入式工程师写一套在设备上运行，可给设备配置属性的界面，配置完成后保存到设备上，图示如下（文字部分打了马赛克） 详细功能： 1.左侧“输入”、“输出”及“算法”属性均可拖到右边进行配置，“算法”属性包含在“算法配置”框中，属性数量不限 2.“输入”属性拖到右侧后要指向“算法配置”，同理“输出”属性拖到右侧要从“算法配置”指向“输出”，由此表达输入输出的一个过程 3.所有属性均由若干字段组成，要求可以编辑配置项数据 4.配置完成“保存”数据到设备 5.判断设备是否已有配置，若有，则加
gojs-go.Panels(面板元素)
qq_29287561的博客
02-28 3462
//官网例子更好 Auto布局 myDiagram.nodeTemplateMap.add("Auto布局", $(go.Node, $(go.Panel, "Auto", { background: "#F5F5F5" }, $(go.Shape, "RoundedRectangle", { width: 1...
go中嵌套map的初始化
aashuii的博客
12-08 1028
vardevicesmap[string]map[string]string=map[string]map[string]string{ "device1":map[string]string{"sn":"vpe1","vlan":"1","deviceType":"VPE","operator":"operator1"}, "device2":map[string]string{"sn":"vpe2","vlan":"2","deviceType":...
gojs外部数据改变动态刷新节点（node）和线（link）
qq_45819473的博客
10-29 3872
gojs 外部数据改变动态刷新节点（node）和线（link） 1.节点（node）的新增和删除数据 从nodeDataArray添加或删除节点数据，调用 addNodeData 和 removeNodeData 方法 // 添加节点数据 var node_obj= { "key": 1, "name": "Grape" }; myDiagram.model.addNodeData(node_obj);//增加单个节点 // 删除节点数据 var node = obj.part;//拿到节点的对象
gojs数据重新渲染
weixin_44311538的博客
07-28 1133
gojs数据重新渲染
gojs拓扑图
09-05
4. **加载模型**：将数据模型加载到图中，GoJS会自动根据模型生成图形。 5. **设置行为**：定义图形的交互行为，如添加工具、响应事件等。 6. **保存和加载**：可以将图表的状态（即模型）保存到服务器，以便稍后...
gojs自定义流程图
04-24
通常，你需要通过 `<script>` 标签将GoJS库链接到你的网页中，以便在页面中使用GoJS的功能。同时，你还需要编写JavaScript代码来定义图的模型、布局和交互行为。 `package.json` 和 `bower.json` 文件是项目管理和...
hifz-drawing-poc:在hifz的页面上绘制的概念验证。 使用GoJS
03-28
《基于GoJS的hifz-drawing-poc：在页面上的绘图概念验证》 在IT领域，尤其是在前端开发中，交互性和可视化设计是至关重要的元素。本项目“hifz-drawing-poc”旨在探索如何在名为“hifz”的特定页面上实现交互式的...
gojs2017年9月最新版，已经去除水印，测试通过
09-19
GoJS是一款强大的JavaScript库，专为在Web页面上创建交互式图表和图形设计而设计，如拓扑图、组织架构图、流程图以及各种创意图形。2017年9月发布的这个版本是GoJS的一个重要里程碑，因为它声称已经去除了水印，这...
gojs动态刷新流程图及模板方法
weixin_33806914的博客
03-10 2898
2019独角兽企业重金招聘Python工程师标准>>> ...
【Gojs 前端】响应式布局中用到的 原生抽屉组件 和 requestAnimationFrame()方法刷新动画
qq_41841048的博客
07-07 656
这是未设置更新canvas大小的结果 这是设置后的效果
Crack:GoJS 2.2.18 -2022-09-08 update
控件与插件之大全
11-27 865
构建交互式流程图或流程图。让您的用户使用 JSON 模型输出构建、修改和保存图表。可视化状态图和其他行为图。创建具有实时更新的图表以监控状态，或创建交互式图表以进行规划。GoJS 允许对链接和节点进行大量自定义以构建各种图表。可视化流量，或连接管道。
Gojs 学习笔记
喜欢炒股的码农
03-27 2328
样例代码1、引入Gojs <script src="go-debug.js"></script> 2、在页面创建个有高宽大小的div <div id="myDiagramDiv" style="margin:auto;width:300px; height:300px; background-color:#ddd;"></div> 3、创建GO画板 var G = go.GraphObject.ma
LotusScript根据数据在Excel表中生成图表
dengweitao的博客
12-08 632
原文链接 不过文章那关于图表设置说得有些模糊，同时我自己在模仿代码的时候也遇到一些问题，所以还是来说一说。 1、插入图表，如下图： 2、选择数据源：如下图： 3、生成图表，保存Excel表格。如下图： 4、接下来就是代码了。先来初始函数： Sub Initialize On Error GoTo errhandle Dim countArr(5) As Integer Dim session As New NotesSession Dim ws As New NotesUIWorkspa
Invalid div id; div already has a Diagram associated with it.gojs中踩到的坑
08-05 5783
Invalid div id; div already has a Diagram associated with it. 在进行gojs开发中，gojs 第一次初始化正常，但是第二次调用初始化方法时就会报如下的错误 错误的原因就是同一个div 只能和一个gojs 实例进行绑定，初始化方法中我们可以用js 先删除掉div 然后在用js 创建id 相同的新的div即可 html 部分...
JS实现页面刷新和重新加载功能（关闭当前窗口）
热门推荐
HaleyTiger的博客
03-09 1万+
一、刷新或重新加载当前页面 序号 方法 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(location) 5 document.execCommand(‘Refresh’) 6 window.navigate(location) 7 location.rep...
GoJs 改变整体节点的中心位置
来一颗砂糖橘
03-30 2万+
问题：节点数量太多，导致一开始画布上只显示出冰山一角（即节点树的左上角）需求：需要在页面一开始时，将一个节点作为中心点，可以使用方法重置中心点以下代码片段是完整的代码示例，也可以直接整体复制过去。
5. gojs的配置和常用设置
大头鱼
10-13 2544
一、配置参数详解 二、设置节点不可拖拽，调节界面自动调整节点位置 三、给节点添加位置信息 四、设置连线不可删除
GoJS_v1.8.12 版本去水印教程与工具指南
GoJS框架适用于多种应用场景，例如设计工具、编辑器、可视化数据、图形界面和模拟等。 #### 去水印的含义和方法 水印在软件产品中常指开发者或公司的商标、版权标志、版权声明等。去水印通常意味着移除软件中附带的...
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值