pivotick v3.0.0

---

Pivotick / GraphUI / PropertiesPanel

Interface: PropertiesPanel

Definiert in: interfaces/GraphUI.ts:843

Stellt die Konfiguration für den Eigenschaftenbereich in der Seitenleiste der Diagramm-Benutzeroberfläche dar

Definiert, wie Eigenschaften für Knoten und Kanten berechnet und angezeigt werden.

Standardwert

All key/value pairs from node.getData() or edge.getData()

Eigenschaften

edgePropertiesMap()

edgePropertiesMap: (edge, ctx) => PropertyEntry[] | Promise<PropertyEntry[]>

Definiert in: interfaces/GraphUI.ts:867

Eine Funktion, die die Liste der anzuzeigenden Kanteneigenschaften berechnet.

Kann async sein – gibt eine Zusage der Einträge zurück und das Panel zeigt einen Platzhalter an, bis er aufgelöst wird.

Parameter

edge

Edge

ctx

RenderContext

Rückgabewert

PropertyEntry[] | Promise<PropertyEntry[]>

Standardwert

All key/value pairs from edge.getData()

---

enabled?

optional enabled: boolean

Definiert in: interfaces/GraphUI.ts:849

Ob die Seitenleiste überhaupt ein Eigenschaftenfenster anzeigt. false entfernt es und sein Trennzeichen, wobei die Kopfzeile, das Nachbarfeld und alle zusätzlichen Felder übrig bleiben.

Standardwert

true

---

nodePropertiesMap()

nodePropertiesMap: (node, ctx) => PropertyEntry[] | Promise<PropertyEntry[]>

Definiert in: interfaces/GraphUI.ts:858

Eine Funktion, die die Liste der anzuzeigenden Knoteneigenschaften berechnet.

Kann async sein – gibt eine Zusage der Einträge zurück und das Panel zeigt einen Platzhalter an, bis er aufgelöst wird.

Parameter

node

Node

ctx

RenderContext

Rückgabewert

PropertyEntry[] | Promise<PropertyEntry[]>

Standardwert

All key/value pairs from node.getData()

---

render?

optional render: string | HTMLElement | (element, ctx) => FallbackRenderResult

Definiert in: interfaces/GraphUI.ts:884

Benutzerdefinierter Renderer für das Eigenschaftenfenster. Dieser Inhalt überschreibt das standardmäßige Eigenschaftenfenster der Seitenleiste.

Standardwert

undefined

Beispiele

(element) => `element id: ${element.id}`

// A custom view for a lone node, the aggregated table for everything else.
(element) => (element instanceof Node) ? viewFor(element) : undefined

Bemerkungen

Ein zurückgegebenes string wird als einfacher Text gerendert; Geben Sie ein HTMLElement zurück, um HTML zu rendern. Möglicherweise async: Der Slot zeigt einen Platzhalter an, bis er aufgelöst wird, und ein Ergebnis, das nach dem Fortbewegen der Auswahl eintrifft, wird verworfen.

Geben Sie undefined zurück (oder lösen Sie es auf), um die Auswahl an das Standardfenster zurückzugeben: die nodePropertiesMap / edgePropertiesMap Zeilen für ein Element, die aggregierte Tabelle für mehrere. Geben Sie null zurück, um nichts zu zeichnen.