Interface: DockTab
Definiert in: interfaces/GraphUI.ts:1365
Ein Bereich im unteren Dock – ein Eintrag in seiner Registerkartenleiste.
Das Dock besitzt die Region: die Rasterzeile, ihre Höhe, den Größenänderungsteiler und die Falte. Eine Registerkarte besitzt, was in sie ist – einen Körper und optional ihre eigenen Header-Steuerelemente, die das Dock ein- und auswechselt, wenn sich die aktive Registerkarte ändert. Wenn nur eine Registerkarte registriert ist, wird überhaupt kein Streifen gezeichnet; es gibt nichts zu wechseln.
Registrieren Sie eines zu jedem Zeitpunkt im Leben des Diagramms mit graph.UIManager.addDockTab() oder von install eines Plugins über ctx.addDockTab(). Entweder gibt ein Entsorger zurück.
Eine Registerkarte ist ein Bereich, nicht eine Ansicht von einem. Ein Bereich mit mehreren eigenen Ansichten – den Nodes und Edges der Datentabelle – ist ein einzelner Dock-Tab, der seinen eigenen Schalter in seinen toolbar zeichnet und aufruft DockTabHandle.refresh, um den Körper zu ändern. Der Streifen des Docks listet also Fenster auf (Table, Events) und reduziert niemals die Ansichten eines Fensters neben einem anderen Fenster. Aus dem gleichen Grund werden die beiden Ebenen unterschiedlich gezeichnet.
Die Datentabelle selbst ist eine solche Registerkarte, sodass eine registrierte Registerkarte genauso privilegiert ist wie die integrierte.
Beispiel
const dispose = graph.UIManager.addDockTab({
label: 'Audit',
render: () => myAuditPane(),
toolbar: () => [clearButton],
})Erweitert durch
Eigenschaften
icon?
optionalicon:string
Definiert in: interfaces/GraphUI.ts:1382
Eine vor der Beschriftung im Streifen gezeichnete Glyphe, die markiert, woher die Scheibe stammt.
Eine SVG-Zeichenfolge, injiziert mit innerHTML und nicht bereinigt – sie muss vertrauenswürdig sein, genau wie PivotDefinition.icon. Nützlich, wenn mehrere Registerkarten die gleiche Art des Bereichs sind: vier Kandidatenbewertungen und eine Datentabelle, die ansonsten als eine Liste von fünf gelesen wird.
id?
optionalid:string
Definiert in: interfaces/GraphUI.ts:1371
Stabile Identität: was removeDockTab / activateDockTab nimmt und das data-tab auf dem Knopf des Streifens steht.
Standardwert
ein automatisch generiertes pvt-dock-tab-N
label
label:
string
Definiert in: interfaces/GraphUI.ts:1373
Das Etikett des Streifens wird wörtlich verwendet (damit es übersetzt werden kann).
onActivate()?
optionalonActivate: (tab) =>void
Definiert in: interfaces/GraphUI.ts:1412
Wird aufgerufen, wenn diese Registerkarte in den Vordergrund kommt und wenn sie verschwindet. Ein Tab, der Live-Daten überwacht, sollte in onDeactivate nicht mehr funktionieren und in onActivate aufholen: Nichts anderes sagt ihm, dass er sich außerhalb des Bildschirms befindet.
Parameter
tab
Rückgabewert
void
onDeactivate()?
optionalonDeactivate: (tab) =>void
Definiert in: interfaces/GraphUI.ts:1413
Parameter
tab
Rückgabewert
void
order?
optionalorder:number
Definiert in: interfaces/GraphUI.ts:1406
Anzeigereihenfolge im Streifen, aufsteigend. Gleiche Reihenfolgen behalten die Registrierungsreihenfolge bei – und da Plugins nach der Erstellung der Benutzeroberfläche installiert werden, landen die Registerkarten eines Plugins hinter den integrierten Tabs, ohne dass dies angegeben werden muss.
Standardwert
0render()
render: (
tab) =>HTMLElement
Definiert in: interfaces/GraphUI.ts:1388
Bauen Sie den Körper der Scheibe. Wird träge once genannt, wenn der Tab zum ersten Mal im Vordergrund erscheint – ein Tab, den niemand öffnet, kostet nichts. Das Element bleibt erhalten und wird bei späteren Aktivierungen wieder angehängt, sodass es seinen eigenen Status beibehält (einschließlich Scrollposition).
Parameter
tab
Rückgabewert
HTMLElement
toolbar()?
optionaltoolbar: (tab) =>HTMLElement|HTMLElement[]
Definiert in: interfaces/GraphUI.ts:1399
Erstellen Sie die Kopfzeilensteuerelemente dieser Registerkarte, die als Teil der Kopfzeile des Docks angeordnet sind. Wird bei jeder Aktivierung erneut aufgerufen, damit die Steuerelemente den aktuellen Status der Registerkarte widerspiegeln können.
Ein Bereich mit mehreren eigenen Ansichten stellt hier den Schalter dar. Zwei öffentliche Klassen verleihen ihm das gleiche Aussehen wie die integrierte Tabelle – pvt-dock-views auf der Leiste, pvt-dock-view auf jeder Schaltfläche, active auf der aktuellen – es bleibt also eine Pillengruppe neben den eigenen Registerkarten des Docks und folgt dem Thema.
Parameter
tab
Rückgabewert
HTMLElement | HTMLElement[]