IFlyout-Oberfläche
Benutzeroberfläche für ein Ausklappmenü.
Unterschrift:
export interface IFlyout extends IRegistrable, IFocusableTree
Erweitert:IRegistrable, IFocusableTree
Attribute
| Attribut | Modifikatoren | Typ | Beschreibung |
|---|---|---|---|
| autoClose | boolean | Wird das Flyout automatisch geschlossen, wenn ein Block erstellt wird? | |
| CORNER_RADIUS | readonly |
Zahl | Eckenradius des Flyout-Hintergrunds. |
| horizontalLayout | boolean | Gibt an, ob das Flyout horizontal oder vertikal angelegt ist. | |
| MARGIN | readonly |
Zahl | Rand um die Ränder der Blöcke im Flyout. |
| RTL | boolean | Ist RTL oder LTR. | |
| targetWorkspace | WorkspaceSvg | null | Zielarbeitsbereich |
Methoden
| Method | Beschreibung |
|---|---|
| createBlock(originalBlock) | Erstellen Sie eine Kopie dieses Blocks im Arbeitsbereich. |
| createDom(tagName) | Erstellt das DOM des Flyouts. Muss nur einmal aufgerufen werden. Das Flyout kann entweder als eigenes SVG-Element oder als G-Element in einem separaten SVG-Element vorhanden sein. |
| dispose() | Entfernen Sie dieses Flyout. Lösen Sie die Verknüpfung mit allen DOM-Elementen, um Speicherlecks zu vermeiden. |
| getContents() | Liste der Elemente im Flyout, die derzeit angezeigt werden. Die Methode show analysiert die Flyout-Definition in eine Liste der tatsächlichen Flyout-Elemente. Diese Methode sollte diese konkreten Elemente zurückgeben, die z.B. für die Tastaturnavigation verwendet werden können. |
| getHeight() | Höhe des Flyouts abrufen |
| getWidth() | Breite des Flyouts abrufen |
| getWorkspace() | Rufen Sie den Arbeitsbereich im Flyout ab. |
| getX() | Berechnet die X-Koordinate für die Position des Flyouts. |
| getY() | Berechnet die Y-Koordinate für die Position des Flyouts. |
| hide() | Ausblenden und leeren Sie das Flyout. |
| init(targetWorkspace) | Initialisiert das Flyout. |
| isBlockCreatable(block) | Können Sie mit diesem Flyout eine neue Instanz des jeweiligen Blocks erstellen? Damit wird festgelegt, ob ein Block aus dem Flyout herausgezogen werden kann. |
| isDragTowardWorkspace(currentDragDeltaXY) | Anhand der Position und Ausrichtung des Flyouts wird ermittelt, ob ein Delta für das Ziehen in Richtung des Arbeitsbereichs geht. Dieser Wert wird in „determineDragIntention_“ verwendet, um zu bestimmen, ob ein neuer Block erstellt oder das Flyout gescrollt werden soll. |
| isScrollable() | |
| isVisible() | Ist das Flyout sichtbar? |
| position() | Positionieren Sie das Flyout. |
| reflow() | Reflow-Blöcke und ihre Matten. |
| scrollToStart() | Scrollen Sie im Flyout zum Anfang des Inhalts. |
| setContainerVisible(visible) | Legen Sie fest, ob der Container dieses Flyouts sichtbar ist. |
| setVisible(visible) | Legen Sie fest, ob das Flyout sichtbar sein soll. Ein Wert von „wahr“ bedeutet nicht unbedingt, dass das Flyout angezeigt wird. Möglicherweise ist der Container ausgeblendet. |
| show(flyoutDef) | Das Flyout anzeigen und füllen. |