Toolbox-Kurs
Kurs für eine Toolbox. Erstellt das DOM der Toolbox.
Unterschrift:
export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
Erweitert: DeleteArea
Implementierungen: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox
Konstruktoren
Konstruktor | Modifikatoren | Beschreibung |
---|---|---|
(Konstruktor)(Arbeitsbereich) | Erstellt eine neue Instanz der Toolbox -Klasse |
Attribute
Property | Modifikatoren | Typ | Beschreibung |
---|---|---|---|
boundEvents_ | protected |
browserEvents.Data[] | Array mit Informationen, die zum Aufheben der Bindung von Event-Handlern erforderlich sind. Wird zur Entsorgung verwendet. Beispiel: [[node, name, Funktion], [node, name, Funktion]]. |
contentMap_ | protected |
{ [key: string]: IToolboxItem; } | |
contents_ | protected |
IToolboxItem[] | Die Liste der Elemente in der Toolbox. |
contentsDiv_ | protected |
HTMLDivElement | null | Der HTML-Container für den Inhalt einer Toolbox. |
height_ | protected |
Zahl | Die Höhe der Toolbox. |
HtmlDiv | HTMLDivElement | null | Der HTML-Container für die Toolbox. | |
id | String | Die eindeutige ID für diese Komponente, die für die Registrierung beim ComponentManager verwendet wird. | |
isVisible_ | protected |
boolean | Gibt an, ob die Toolbox sichtbar ist. |
previouslySelectedItem_ | protected |
ISelectableToolboxItem | null | Das zuvor ausgewählte Element. |
RTL | boolean | ||
selectedItem_ | protected |
ISelectableToolboxItem | null | Das aktuell ausgewählte Element. |
toolboxDef_ | protected |
toolbox.ToolboxInfo | |
toolboxPosition | toolbox.Position | ||
width_ | protected |
Zahl | Die Breite der Toolbox. |
workspace_ |
|
WorkspaceSvg | Der Arbeitsbereich, in dem sich diese Toolbox befindet. |
Methoden
Methode | Modifikatoren | Beschreibung |
---|---|---|
addToolboxItem_(toolboxItem) | protected |
Fügt der Toolbox ein Element hinzu. |
attachEvents_(container, contentContainer) | protected |
Fügt dem Toolbox-Container-div-Element Ereignis-Listener hinzu. |
autoHide(onlyClosePopups) | Blendet die Komponente aus. Angerufen in WorkspaceSvg.hideChaff. | |
clearSelection() | Hebt die Hervorhebung aller zuvor ausgewählten Elemente auf. | |
createContainer_() | protected |
Erstellt das Container-Div für die Toolbox. |
createContentsContainer_() | protected |
Erstellt den Container für alle Inhalte in der Toolbox. |
createDom_(workspace) | protected |
Erstellt das DOM für die Toolbox. |
createFlyout_() | protected |
Erstellt das Flyout-Element basierend auf dem Toolbox-Layout. |
deselectItem_(item) | protected |
Hebt die Auswahl des betreffenden Elements auf, markiert es als nicht ausgewählt und aktualisiert den ARIA-Status. |
dispose() | Entsorgt diesen Werkzeugkasten. | |
getClientRect() | Gibt das Begrenzungsrechteck des Ziehzielbereichs in Pixeleinheiten relativ zum Darstellungsbereich zurück. | |
getFlyout() | Ruft das Toolbox-Flyout auf. | |
getHeight() | Ruft die Höhe der Toolbox ab. | |
getPreviouslySelectedItem() | Ruft das zuvor ausgewählte Element ab. | |
getSelectedItem() | Ruft das ausgewählte Element ab. | |
getToolboxItemById(id) | Ruft das Toolbox-Element mit der angegebenen ID ab. | |
getToolboxItems() | Ruft die Elemente in der Toolbox ab. | |
getWidth() | Ruft die Breite der Toolbox ab. | |
getWorkspace() | Ruft den Arbeitsbereich für die Toolbox ab. | |
init() | Initialisiert die Toolbox. | |
isHorizontal() | Ruft ab, ob die Toolbox horizontal ist. | |
onClick_(e) | protected |
Verarbeitet Klickereignisse für Klicks auf Toolbox- oder Toolbox-Elemente. |
onDragEnter(_dragElement) | Behandelt, wenn ein Cursor mit einem Block oder einer Blase in dieses Ziehziel eintritt. | |
onDragExit(_dragElement) | Behandelt, wenn ein Cursor mit einem Block oder einer Blase dieses Ziehziel verlässt. | |
onDrop(_dragElement) | Bearbeitet, wenn ein Block oder eine Blase auf diese Komponente gesetzt wird. Löscht hier nicht selbst. | |
onKeyDown_(e) | protected |
Verarbeitet Key-Down-Ereignisse für die Toolbox. |
onShortcut(_shortcut) | Verarbeitet die angegebene Tastenkombination. | |
position() | Positioniert die Toolbox danach, ob es sich um eine horizontale Toolbox handelt und ob sich der Arbeitsbereich in RTL befindet. | |
refreshSelection() | Aktualisiert den Inhalt des Flyouts, ohne es zu schließen. Sollte bei einer Änderung in einer der dynamischen Kategorien, z. B. Variablen oder Verfahren, verwendet werden. | |
renderContents_(toolboxDef) | protected |
Fügt der Toolbox alle Toolbox-Elemente hinzu. |
selectItem_(oldItem, newItem) | protected |
Wählt das angegebene Element aus, markiert es als ausgewählt und aktualisiert den ARIA-Status. |
selectItemByPosition(position) | Wählt das Toolbox-Element anhand seiner Position in der Liste der Toolbox-Elemente aus. | |
setSelectedItem(newItem) | Legt das angegebene Element als ausgewählt fest. Unkompliziert, wenn das Element nicht auswählbar ist. | |
setVisible(isVisible) | Blendet die Toolbox ein oder aus. | |
ShouldDeselectItem_(oldItem, newItem) | protected |
Legt fest, ob die Auswahl des alten Elements aufgehoben werden soll. |
ShouldSelectItem_(oldItem, newItem) | protected |
Legt fest, ob das neue Element ausgewählt werden soll. |
updateCursorDeleteStyle_(addStyle) | protected |
Fügt den CSS-Stil des Cursors über der Toolbox hinzu oder entfernt diesen, je nachdem, ob der Block oder Infofeld darüber voraussichtlich gelöscht wird, wenn er gelöscht wird (mithilfe der internen Property "this.hilfeDelete_"). |
updateFlyout_(oldItem, newItem) | protected |
Legt fest, ob das Flyout je nach ausgewähltem Element ein- oder ausgeblendet wird. |
updateWouldDelete_(wouldDelete) | protected |
Aktualisiert den internen Status „drellDelete_“. |
wouldDelete(element) | Gibt zurück, ob der angegebene Block oder das Infofeld gelöscht werden würde, wenn er auf diesen Bereich fällt. Mit dieser Methode sollte geprüft werden, ob das Element löschbar ist und immer vor onDragEnter/onDragOver/onDragExit aufgerufen wird. |