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

最新推荐文章于 2023-05-04 15:18:00 发布
最新推荐文章于 2023-05-04 15:18:00 发布
阅读量2.6k 收藏 5
点赞数 8
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kitty_ELF/article/details/106928944
版权

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


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

kitty_ELF
关注
  • 8
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 9
    评论
angular 使用 gojs 实现异步刷新
0x8g1T9E-
12-17 5703
方法1： 在需要用到插件的ts文件中添加如下引用 其中 ‘./config/gojs/go.js’ 是存放你修改后的go.js路径(为了去水印) 不需要在module里面添加任何东西，也不需要在.angular-cli.json或index.html 配置，这个方法是最简单快捷的。 import { Component , OnInit } from ‘@angular/core’; import...
gojs动态刷新流程图及模板方法
weixin_33806914的博客
03-10 2784
2019独角兽企业重金招聘Python工程师标准>>> ...
Crack:GoJS 2.2.18 -2022-09-08 update
控件与插件之大全
11-27 654
构建交互式流程图或流程图。让您的用户使用 JSON 模型输出构建、修改和保存图表。可视化状态图和其他行为图。创建具有实时更新的图表以监控状态，或创建交互式图表以进行规划。GoJS 允许对链接和节点进行大量自定义以构建各种图表。可视化流量，或连接管道。
Gojs 学习笔记
xupeng874395012的博客
03-27 2209
样例代码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
gojs数据重新渲染
weixin_44311538的博客
07-28 795
gojs数据重新渲染
gojs自定义流程图
04-24
通常，你需要通过 `<script>` 标签将GoJS库链接到你的网页中，以便在页面中使用GoJS的功能。同时，你还需要编写JavaScript代码来定义图的模型、布局和交互行为。 `package.json` 和 `bower.json` 文件是项目管理和...
gojs拓扑图
09-05
4. **加载模型**：将数据模型加载到图中，GoJS会自动根据模型生成图形。 5. **设置行为**：定义图形的交互行为，如添加工具、响应事件等。 6. **保存和加载**：可以将图表的状态（即模型）保存到服务器，以便稍后...
fileCreate_Go_gojs_
10-04
4. **run.js** - 这可能是运行时的 JavaScript 代码，负责处理页面加载后的一些逻辑，比如事件监听、数据处理或者与 Go 代码的交互。它可能调用了由 `gopherjs` 编译的 Go 函数。 5. **menu.js** - 这个文件可能...
gojs2017年9月最新版，已经去除水印，测试通过
09-19
GoJS是一款强大的JavaScript库，专为在Web页面上创建交互式图表和图形设计而设计，如拓扑图、组织架构图、流程图以及各种创意图形。2017年9月发布的这个版本是GoJS的一个重要里程碑，因为它声称已经去除了水印，这...
hifz-drawing-poc:在hifz的页面上绘制的概念验证。 使用GoJS
03-28
《基于GoJS的hifz-drawing-poc：在页面上的绘图概念验证》 在IT领域，尤其是在前端开发中，交互性和可视化设计是至关重要的元素。本项目“hifz-drawing-poc”旨在探索如何在名为“hifz”的特定页面上实现交互式的...
LotusScript根据数据在Excel表中生成图表
dengweitao的博客
12-08 541
原文链接 不过文章那关于图表设置说得有些模糊，同时我自己在模仿代码的时候也遇到一些问题，所以还是来说一说。 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
gojs外部数据改变动态刷新节点（node）和线（link）
qq_45819473的博客
10-29 3306
gojs 外部数据改变动态刷新节点（node）和线（link） 1.节点（node）的新增和删除数据 从nodeDataArray添加或删除节点数据，调用 addNodeData 和 removeNodeData 方法 // 添加节点数据 var node_obj= { "key": 1, "name": "Grape" }; myDiagram.model.addNodeData(node_obj);//增加单个节点 // 删除节点数据 var node = obj.part;//拿到节点的对象
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-监听获取节点 修改、删除、新增
u014316361的博客
11-19 4536
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 欢迎使用Ma...
在Vue中使用gojs
qq_29287561的博客
11-28 1481
在Vue中使用gojs 的两种方式 普通使用 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style type="text/css"> canvas { ...
可视化—gojs 超多超实用经验分享(一)
最新发布
Echoyya、的博客
05-04 1864
目录1. 设置分组模板，默认样式，统一最小宽度，展开收起状态监听2. 分组名称显示成员个数: 分组名称+成员个数: name(children)3. 分组成员为空时，不显示 placeholder 占位留白4. 分组第一次展开请求获取成员接口，监听展开收起状态 subGraphExpandedChanged:fn5. 设置节点模板6. 设置节点的 icon，此处以文字为例7. 文案太长截取显示....
GOJS使用教程
PIOnly的博客
03-06 2533
gojs详细教程
GoJs绘制E-R图时，把layout设置为ForceDirectedLayout
qq_28529373的博客
11-20 2673
在最近的项目中，由于表的数据太多，绘制出来的E-R图很乱：所有的表会连续排在一起，有关联的两张表中间可能横着很多张没有关联的表，因此有关联的表之间的关系就会看得很不明了。 这里我用这个方法解决这个问题：把layout设置为ForceDirectedLayout（力导向布局）。这样，有关联关系的表展示在一边，没关联关系的表整齐的排在另一边。修改步骤如下： 首先，在定义画布...
关于 Gojs 你可能用到的方法 / gojs自定义
fanlc8888的博客
09-30 1175
gojs可能用到的方法

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 9
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值