beforeSelect

Beschreibung

Wird beim Auswählen eines Elements ausgelöst, jedoch bevor das Element tatsächlich ausgewählt wird

Verwendung

"beforeSelect": ({
    id: string | number,
    join: boolean,
    batch: (string | number)[]
}) => boolean | void;

Parameter

Der Callback des Events wird mit einem Objekt mit den folgenden Parametern aufgerufen:

• id - die ID des auszuwählenden Elements
• join - der angewendete Auswahlmodus
• batch - die Liste der auszuwählenden Elemente

Rückgabewert

Geben Sie false zurück, um zu verhindern, dass ein Element ausgewählt wird, andernfalls true

Beispiel

// Diagram wird initialisiert
const diagram = new dhx.Diagram("diagram_container", {
    type: "org",
    select: true
});
// Daten werden geladen
diagram.data.parse(data);

// ein Handler wird an das Event angehängt
diagram.events.on("beforeSelect", ({ id }) => {
    console.log(id + " will be selected");
    return true;
});

Hier ist ein Beispiel für das Anhängen eines Event-Handlers an das Event für den Diagram Editor:

// Diagram-Editor wird initialisiert
const editor = new dhx.DiagramEditor("editor_container", {
    // Konfigurationsoptionen
});
// Daten werden in den Editor geladen
editor.parse(data);

// ein Handler wird an das Event angehängt
editor.diagram.events.on("beforeSelect", ({ id }) => {
    console.log(id + " will be selected");
    return true;
});

Changelog: Aktualisiert in v6.0

Verwandte Artikel:

• diagram.config.select
• Elemente auswählen