首页 > 其他分享 >antv X6 全局禁用节点和边拖动,画布可以拖动

antv X6 全局禁用节点和边拖动,画布可以拖动

时间:2024-10-10 17:34:38浏览次数:1  
标签:node interacting 拖动 antv prop 画布 X6 节点

项目有个需求,通过接口获取用户权限,限制用户拖动节点和边
查阅文档和百度发现 Graph 可以配置 interacting 来限制节点和边的交互

但是用户的权限通过接口获取,如何动态配置 interacting 是否为false
1、节点的node.prop可以进行通信,但是需要遍历画布的所有节点,参考https://codesandbox.io/p/sandbox/dong-tai-shu-xing-4l1ld9?file=%2Fsrc%2FApp.tsx%3A52%2C5-56%2C10;

interacting: {
      nodeMovable: (view) => {
        return view.cell.prop("movable");
      }
    },

....
const nodes = graphRef.current.getNodes();
    const checked = e.target.checked;
    nodes.forEach((node) => {
      node.prop("movable", checked);
    });

2、设置全局变量放到vuex中
3、直接修改画布实例 graph
this.graph.options.interacting = this.status === 'INWORK'

其他优雅方法请评论

标签:node,interacting,拖动,antv,prop,画布,X6,节点
From: https://www.cnblogs.com/cola-tian/p/18456809

相关文章

  • 使用ffmpeg修复本地视频文件(mp4)播放时进度条无法拖动的问题
    右击视频文件查看属性,在详细信息页查看视频时长,显示为空,推测进度条无法拖动的原因是时间轴损坏于是采用了以下解决办法将视频分离出来,命名为video.mp4ffmpeg-i视频名称.mp4-map0:v-vcodeccopy-bsf:vh264_mp4toannexbvideo.mp4将音频分离出来,命名为audio.wavffm......
  • arm imx6ull docker启动失败问题查找与解决 内核配置相关
    1、增加POSIXMessageqeue:couldnotgetinitialnamespace:nosuchfileordirectory CONFIG_POSIX_MQUEUE=y2、增加namespacefailedtosettoinitialnamespaceCONFIG_NAMESPACES=y3、创建网络失败,veth配置:dockercreateendpointquirky_shternonnetworkbridge......
  • 原生js元素拖动效果
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge"/><metaname="viewport"content="w......
  • P11154 【MX-X6-T0】Arcaea Scoring System
    题目传送门题意简述在某款游戏中,有着nnn个物件,每个物件都有四种判定方式。大Pure判定,该玩家获得......
  • jarvisoj_level2_x64 1 writeup and blog
    Hereifinishthejarvisoj_level2_x641challengeinbuuctfandhereissomewriteup......
  • Android 8.1 桌面上的不能拖动卸载/删除,只能在后台系统—应用那里进行卸载
    —a/packages/apps/Launcher3/res/layout/drop_target_bar_horz.xml+++b/packages/apps/Launcher3/res/layout/drop_target_bar_horz.xml@@-37,6+37,7@@android:layout_height=“match_parent”android:layout_gravity=“center”android:gravity=“center”......
  • Intel core 2 QX6600 CPU
    目录简介参数1.基本规格2.热设计功耗(TDP)3.内存支持4.架构与特性5.其他信息参考链接简介Intelcore2QX6600CPU中文名QX是一款IntelExtreme版处理器,具有解锁的倍频,并且在发布时是最快的。双核和四核的非X型号实际上在工作站系列中没有任何作用,除了以更高的速度运......
  • Windows 11 version 24H2 & LTSC 2024 中文版、英文版 (x64、ARM64) 下载 (updated Oc
    Windows11version24H2&LTSC2024中文版、英文版(x64、ARM64)下载(updatedOct2024)Windows11,version24H2,企业版arm64x64请访问原文链接:https://sysin.org/blog/windows-11/查看最新版。原创作品,转载请保留出处。作者主页:sysin.org全新Windows体验,让您与热......
  • Centos linux6 中/etc/rc.d/rc.sysinit配置文件的作用
    系统初始化脚本功能设置主机名设置欢迎信息激活udev和selinux挂载/etc/fstab文件中定义的文件系统检测根文件系统,并以读写方式重新挂载根文件系统设置系统时钟激活swap设备根据/etc/sysctl.conf文件设置内核参数激活lvm及softwareraid设备加载额外设备的驱动程序清理操作......
  • [题解](更新中)MX-X6 A~B
    Portal:https://www.luogu.com.cn/contest/200833A-もしも容易发现可以构造\(1,x\)或\(x,1\)让序列如\(\dots,1,x,1,x,1,x,\dots\)这样循环。只需要关注\(n\)的奇偶性即可。点击查看代码#include<bits/stdc++.h>#defineintlonglongusingnamespacestd;intt,n,an;si......