pivotic / GraphUI / ExtraPanel
Interfaz: ExtraPanel
Definido en: interfaces/GraphUI.ts:993
Panel adicional en la barra lateral de la interfaz de usuario del gráfico.
Tanto title como render pueden ser:
- Una cadena o
HTMLElementpara contenido estático, o - Una función de la selección actual (un
Node, unEdge, una matriz de cualquiera de los dos para una selección múltiple, onullcuando no hay nada seleccionado) - se vuelve a invocar en cada selección cambia a menos que ExtraPanel.reactive seafalse.
Declare paneles por adelantado a través de UI.extraPanels, o regístrelos en cualquier momento en la vida del gráfico con graph.UIManager.addPanel() (que devuelve un triturador).
Ejemplo
{
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
},
}Extendido por
Propiedades
alwaysVisible?
optionalalwaysVisible:boolean
Definido en: interfaces/GraphUI.ts:1011
¿El panel debe estar siempre visible?
Predeterminado
falseid?
optionalid:string
Definido en: interfaces/GraphUI.ts:998
Identificador estable, utilizado para direccionar el panel en removePanel / refreshPanel. Generado automáticamente cuando se omite.
order?
optionalorder:number
Definido en: interfaces/GraphUI.ts:1018
Orden de visualización en la barra lateral, ascendente. Paneles que comparten un order mantener su orden de registro, por lo que UI.extraPanels se lee de arriba a abajo y Los paneles de tiempo de ejecución se agregan después de ellos.
Predeterminado
0reactive?
optionalreactive:boolean
Definido en: interfaces/GraphUI.ts:1026
Vuelva a resolver title y render cada vez que cambie la selección. conjunto false para un panel que es costoso de construir y no describe el selección: luego se representa una vez, y solo un refreshPanel() explícito lo reconstruye.
Predeterminado
truerender
render:
ExtraPanelContent
Definido en: interfaces/GraphUI.ts:1006
A string se muestra como texto sin formato; pase un HTMLElement para renderizar HTML.
title?
optionaltitle:ExtraPanelContent
Definido en: interfaces/GraphUI.ts:1004
La fila del encabezado del panel. A string se muestra como texto sin formato; pasar un HTMLElement para renderizar HTML. Omítalo (o resuelva dejarlo en blanco) para un panel sin ningún encabezado.