Skip to main content

links

Description​

Optional. An array of objects containing the links data

Usage​

links?: [
    {
        id: string | number,
        source: string | number,
        target: string | number,
        relation: "relatesTo" | "requiredFor" | "duplicate" | "parent"
    }, {...} // other links data
];

Parameters​

For each link you can specify the following parameters (data):

  • id - (required) the ID of the link
  • source – (required) the card ID at the start of the link (e.g. “Task A is required for Task B”)
  • target – (required) the card ID at the end of the link (e.g. “Task B depends on Task A”)
  • relation - (required) the type of link. Here you can specify the following types:
    • "relatesTo" - defines dependency between tasks where the current task is bound to other one
    • "requiredFor" - defines dependency between tasks where one task requires the other one to be done
    • "duplicate" - defines dependency between duplicated tasks
    • "parent" - defines dependency between parent (master) and child (slave) tasks
info

If you want to load new data for links dynamically, you can use the parse() method!

Example​

const links = [
    {
        id: 1,
        source: 2,
        target: 5,
        relation: "relatesTo",
    }, {...} // other link data
];

new kanban.Kanban("#root", {
   columns,
   cards,
   links
   // other parameters
});

Change log: The property was updated in v1.7:

  • The masterId parameter was replaced with the source parameter
  • The slaveId parameter was replaced with the target parameter

Related articles: Working with data

Related sample: Kanban. Links between tasks