Skip to main content

update-link

Description​

Fires when updating a link

Usage​

"update-link": ({
  id:  string | number,
  link: Partial<ILink>
}) => boolean | void;

Parameters​

The callback of the update-link action can take an object with the following parameters:

  • id - (required) the id of a link
  • link - (required) the link object with the fields to be updated
info

For handling the actions you can use the Event Bus methods. Returning false from the action handler will block the action (see Preventing actions)

Example​

In the example below we apply the api.exec method to trigger the action with a button click:

<script setup>
  import { getData } from "./common/data";
  import { Gantt } from "@svar-ui/vue-gantt";
  import { Button } from "@svar-ui/vue-core";
  import { ref } from "vue";
  
  const data = getData();
  
  const api = ref(null);
  
  const updateLink = () => {
      api.value.exec("update-link", {
        id: 1,
        link: { type: "s2s" } 
      });
   };

</script>

<template>
  <Button :onclick="updateLink" type="primary">Update Link</Button>

  <Gantt
    :tasks="data.tasks"
    :links="data.links"
    ref="api" />
</template>

Related articles: