Naar inhoud

pivotick v3.0.0


draaipunt / GraphUI / PropertiesPanel

Interface: PropertiesPanel ​

Gedefinieerd in: interfaces/GraphUI.ts:843

Vertegenwoordigt de configuratie voor het eigenschappenpaneel in de zijbalk van de grafiek-UI

Definieert hoe eigenschappen voor knooppunten en randen worden berekend en weergegeven.

Standaard ​

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

Eigenschappen ​

edgePropertiesMap() ​

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

Gedefinieerd in: interfaces/GraphUI.ts:867

Een functie die de lijst met randeigenschappen berekent die moeten worden weergegeven.

Kan async zijn — retourneer een belofte van de inzendingen en het paneel toont a tijdelijke aanduiding totdat het is opgelost.

Parameters ​

edge ​

Edge

ctx ​

RenderContext

Retouren ​

PropertyEntry[] | Promise<PropertyEntry[]>

Standaard ​

ts
All key/value pairs from edge.getData()

enabled? ​

optional enabled: boolean

Gedefinieerd in: interfaces/GraphUI.ts:849

Of de zijbalk überhaupt een eigenschappenvenster toont. false verwijdert het en zijn scheidingsteken, waarbij de koptekst, het aangrenzende paneel en eventuele extra panelen overblijven.

Standaard ​

ts
true

nodePropertiesMap() ​

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

Gedefinieerd in: interfaces/GraphUI.ts:858

Een functie die de lijst met knooppunteigenschappen berekent die moeten worden weergegeven.

Kan async zijn — retourneer een belofte van de inzendingen en het paneel toont a tijdelijke aanduiding totdat het is opgelost.

Parameters ​

node ​

Node

ctx ​

RenderContext

Retouren ​

PropertyEntry[] | Promise<PropertyEntry[]>

Standaard ​

ts
All key/value pairs from node.getData()

render? ​

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

Gedefinieerd in: interfaces/GraphUI.ts:884

Aangepaste renderer voor het eigenschappenvenster. Deze inhoud overschrijft het standaardeigenschappenpaneel van de zijbalk.

Standaard ​

ts
undefined

Voorbeelden ​

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

Opmerkingen ​

Een geretourneerde string wordt weergegeven als platte tekst; retourneer een HTMLElement om HTML weer te geven. Kan async zijn: het slot toont een tijdelijke aanduiding totdat het wordt opgelost, en een resultaat die arriveert nadat de verplaatste selectie is verwijderd.

Return (of besluit tot) undefined om de selectie terug te zetten naar de standaardwaarde paneel: de nodePropertiesMap / edgePropertiesMap rijen voor één element, de geaggregeerde tabel voor meerdere. Geef null terug om niets te tekenen.