pivotick v3.0.0

---

Pivotick / GraphUI / ExtraPanel

Interface: ExtraPanel

Definiert in: interfaces/GraphUI.ts:993

Zusätzliches Bedienfeld in der Seitenleiste der Diagramm-Benutzeroberfläche.

Sowohl title als auch render können sein:

• Eine Zeichenfolge oder HTMLElement für statischen Inhalt, oder
• Eine Funktion der aktuellen Auswahl (eine Node, eine Edge, ein Array von entweder für eine Mehrfachauswahl oder null, wenn nichts ausgewählt ist) – wird bei jeder Auswahländerung erneut aufgerufen, es sei denn, ExtraPanel.reactive ist false.

Deklarieren Sie Panels im Voraus über UI.extraPanels oder registrieren Sie sie zu einem beliebigen Zeitpunkt im Leben des Diagramms mit graph.UIManager.addPanel() (was einen Entsorger zurückgibt).

Beispiel

{
    id: 'description',
    title: 'Description',
    render: (element): HTMLElement => {
        const node = element instanceof Node ? element : null
        const div = document.createElement('div')
        div.textContent = node?.getData().description ?? 'Empty node description'
        return div
    },
}

Erweitert durch

• RegisteredExtraPanel

Eigenschaften

alwaysVisible?

optional alwaysVisible: boolean

Definiert in: interfaces/GraphUI.ts:1011

Soll das Panel immer sichtbar sein?

Standardwert

false

---

id?

optional id: string

Definiert in: interfaces/GraphUI.ts:998

Stabile Kennung, mit der das Panel in removePanel / refreshPanel angesprochen wird. Wird automatisch generiert, wenn es weggelassen wird.

---

order?

optional order: number

Definiert in: interfaces/GraphUI.ts:1018

Anzeigereihenfolge in der Seitenleiste, aufsteigend. Panels, die eine order teilen, behalten ihre Registrierungsreihenfolge bei, sodass UI.extraPanels von oben nach unten liest und Laufzeitpanels danach angehängt werden.

Standardwert

0

---

reactive?

optional reactive: boolean

Definiert in: interfaces/GraphUI.ts:1026

Lösen Sie title und render neu auf, wenn sich die Auswahl ändert. Legen Sie false für ein Panel fest, dessen Erstellung teuer ist und die Auswahl nicht beschreibt: Es wird dann einmal gerendert und nur durch ein explizites refreshPanel() neu erstellt.

Standardwert

true

---

render

render: ExtraPanelContent

Definiert in: interfaces/GraphUI.ts:1006

Ein string wird als einfacher Text gerendert; Übergeben Sie ein HTMLElement, um HTML zu rendern.

---

title?

optional title: ExtraPanelContent

Definiert in: interfaces/GraphUI.ts:1004

Die Kopfzeile des Panels. Ein string wird als einfacher Text gerendert; Übergeben Sie ein HTMLElement, um HTML zu rendern. Lassen Sie es weg (oder geben Sie es leer), wenn es sich um ein Panel ohne Kopfzeile handelt.