Interfaz: DockTab
Definido en: interfaces/GraphUI.ts:1365
Un panel en el muelle inferior: una entrada en su franja de pestañas.
El muelle posee la región: la fila de la cuadrícula, su altura, el divisor de cambio de tamaño y el doblar. Una pestaña posee lo que está en: un cuerpo y, opcionalmente, sus propios controles de encabezado. que el muelle entra y sale a medida que cambia la pestaña activa. Con una sola pestaña registrado no se extrae ninguna tira; no hay nada que cambiar.
Registre uno en cualquier momento de la vida del gráfico con graph.UIManager.addDockTab(), o desde install de un complemento a través de ctx.addDockTab(). O devuelve un triturador.
Una pestaña es un panel, no una vista de uno. Un panel con varias vistas propias: Nodes y Edges de la tabla de datos: es una pestaña de acoplamiento única que dibuja su propia cambia en su toolbar y llama a DockTabHandle.refresh para cambiar de cuerpo. entonces la tira del muelle enumera los paneles (Table, Events) y nunca aplana las vistas de un panel junto a otro panel; Los dos niveles se dibujan de manera diferente por la misma razón.
La tabla de datos es en sí misma una pestaña de este tipo, por lo que una pestaña registrada es exactamente igual privilegiado como el incorporado.
Ejemplo
const dispose = graph.UIManager.addDockTab({
label: 'Audit',
render: () => myAuditPane(),
toolbar: () => [clearButton],
})Extendido por
Propiedades
icon?
optionalicon:string
Definido en: interfaces/GraphUI.ts:1382
Un glifo dibujado antes de la etiqueta en la tira, que marca de dónde viene el panel.
Un hilo SVG, inyectado con innerHTML y no desinfectado: debe ser confiable, exactamente como PivotDefinition.icon. Útil cuando hay varias pestañas el mismo tipo de panel: cuatro revisiones de candidatos y una tabla de datos leída como una lista de cinco en caso contrario.
id?
optionalid:string
Definido en: interfaces/GraphUI.ts:1371
Identidad estable: qué toman removeDockTab / activateDockTab, y el data-tab escrito en el botón de la tira.
Predeterminado
un pvt-dock-tab-N generado automáticamente
label
label:
string
Definido en: interfaces/GraphUI.ts:1373
La etiqueta de la tira, usada textualmente (para que pueda traducirse).
onActivate()?
optionalonActivate: (tab) =>void
Definido en: interfaces/GraphUI.ts:1412
Se llama cuando esta pestaña pasa al frente y cuando sale. Una pestaña que vigila los datos en vivo deberían dejar de funcionar en onDeactivate y ponerse al día en onActivate: nada más le dice que está fuera de pantalla.
Parámetros
tab
Devoluciones
void
onDeactivate()?
optionalonDeactivate: (tab) =>void
Definido en: interfaces/GraphUI.ts:1413
Parámetros
tab
Devoluciones
void
order?
optionalorder:number
Definido en: interfaces/GraphUI.ts:1406
Orden de visualización en la franja, ascendente. Los pedidos iguales mantienen el orden de registro. y dado que los complementos se instalan después de crear la interfaz de usuario, las pestañas de un complemento aparecen después de la los incorporados sin tener que decirlo.
Predeterminado
0render()
render: (
tab) =>HTMLElement
Definido en: interfaces/GraphUI.ts:1388
Construye el cuerpo del panel. Llamado once, perezosamente, la primera vez que aparece la pestaña el frente: una pestaña que nadie abre no cuesta nada. El elemento se conserva y se vuelve a colocar. en activaciones posteriores, por lo que mantiene su propio estado (posición de desplazamiento incluida).
Parámetros
tab
Devoluciones
HTMLElement
toolbar()?
optionaltoolbar: (tab) =>HTMLElement|HTMLElement[]
Definido en: interfaces/GraphUI.ts:1399
Cree los controles del encabezado de esta pestaña, dispuestos como parte de la fila del encabezado del muelle. Se vuelve a invocar en cada activación, para que los controles puedan reflejar la pestaña estado actual.
Un panel con varias vistas propias activa el interruptor aquí. Dos clases publicas dale el mismo aspecto que tiene la mesa incorporada: pvt-dock-views en la tira, pvt-dock-view en cada botón, active en el actual, para que siga siendo una pastilla grupo al lado de las pestañas propias del muelle y sigue el tema.
Parámetros
tab
Devoluciones
HTMLElement | HTMLElement[]