找回密码
 立即注册
首页 资源区 代码 vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能 ...

vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能(含二次确认)

松菊 3 天前
vue甘特图 vxe-gantt 如何实现双击连接线自动删除线功能,支持二次确认
https://gantt.vxeui.com
1.png

配置说明

实现该功能主要依赖 taskLinkConfig 对象中的两个属性:

  • isDblclickToRemove
    说明:开启/关闭双击删除线的功能。设置为 true 时,用户双击依赖线会触发删除逻辑。
  • beforeRemoveMethod
    说明:删除前的拦截钩子。如果该函数存在,则会在实际删除前调用。您可以在此执行异步操作(如弹窗确认),其返回值决定是否继续删除。
代码
  1. <template>
  2.   
  3.     <vxe-gantt v-bind="ganttOptions"></vxe-gantt>
  4.   
  5. </template>
复制代码
https://gitee.com/x-extends/vxe-gantt

来源:程序园用户自行投稿发布,如果侵权,请联系站长删除
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!

相关推荐

您需要登录后才可以回帖 登录 | 立即注册