shapeIconClick

Beschreibung

Wird beim Klicken auf ein Symbol der Form-Symbolleiste ausgelöst

Verwendung

"shapeIconClick": (
    id: string | number,
    event: MouseEvent
) => void;

Parameter

Der Callback des Events wird mit den folgenden Parametern aufgerufen:

• id - die ID des Symbols
• event - ein natives HTML-Event-Objekt

Beispiel

// Diagram initialisieren
const diagram = new dhx.Diagram("diagram_container", {
    select: true,
    // Eine Symbolleiste mit Schaltflächen für Elemente einrichten
    toolbar: [
        {
            id: "add",
            content: "<i className='dxi dxi-plus-box'>"
        },
        {
            id: "download",
            content: "<i className='dxi dxi-download'></i>"
        },
        {
            id: "remove",
            content: "<i className='dxi dxi-delete-outline'>"
        }
    ]
});
// Daten laden
diagram.data.parse(data);

diagram.events.on("shapeIconClick", function (action) {
    const selectedId = diagram.selection.getItem().id;
    switch(action) {
        case "download":
            diagram.export.pdf();
            break;
        case "remove":
            diagram.data.remove(selectedId);
            break;
        case "add":
            diagram.data.add({
                text: "New shape",
                parent: selectedId,
            });
            break;
    }
});

Verwandter Artikel: Event-Handling

Verwandtes Beispiel: Diagram. Konfiguration. Form-Symbolleiste