add()

Description

Adds a new item to the diagram

Usage

add(new_item: object | array): string | number | array;

Parameters

• new_item - (required) the object of a new item or an array of item objects

Returns

The method returns the item's id or an array with ids of items

Example

There are two ways to link shapes. You can add a shape with a parent ID defined:

const diagram = new dhx.Diagram("diagram_container", {
    type: "org"
});
diagram.data.parse(data);

diagram.data.add({ id: "3.2", text: "New Item", type: "card", parent: "3" });

or you can add a shape and a connector line objects:

const diagram = new dhx.Diagram("diagram_container", {
    type: "default"
});
diagram.data.parse(data);

diagram.data.add({ type: "card", id: "3.2", text: "New Item" });
diagram.data.add({ type: "line",  from: "3", to: "3.2" });

Related article: Adding an item

Related sample: Diagram. Data. Add/delete item