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) | Konstruiert eine neue Instanz der Klasse Toolbox |
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 zur Registrierung beim ComponentManager verwendet wird. | |
isVisible_ | protected |
boolean | Legt fest, 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 div-Element des Toolbox-Containers Ereignis-Listener hinzu. |
autoHide(onlyClosePopups) | Blendet die Komponente aus. In WorkspaceSvg.hideChaff aufgerufen. | |
clearSelection() | Hebt die Markierung 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 entsprechenden Elements auf, markiert es als nicht ausgewählt und aktualisiert den ARIA-Status. |
dispose() | Entsorgt diese Toolbox. | |
getClientRect() | Gibt das Begrenzungsrechteck des Ziehzielbereichs in Pixeleinheiten relativ zum Darstellungsbereich zurück. | |
getFlyout() | Ruft das Toolbox-Flyout ab. | |
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 |
Bearbeitet Klickereignisse für Klicks auf Toolbox- oder Toolbox-Elemente. |
onDragEnter(_dragElement) | Bearbeitet, wenn ein Cursor mit einem Block oder einer Blase in dieses Ziehziel eintritt. | |
onDragExit(_dragElement) | Bearbeitet, wenn ein Cursor mit einem Block oder einer Blase dieses Ziehziel verlässt. | |
onDrop(_dragElement) | Bearbeitet das Ablegen eines Blocks oder einer Blase auf diese Komponente. Lösche hier nicht selbst. | |
onKeyDown_(e) | protected |
Verarbeitet Keydown-Ereignisse für die Toolbox. |
onShortcut(_shortcut) | Verarbeitet das angegebene Tastaturkürzel. | |
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 wie 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. Managementfrei, 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 die Toolbox hinzu oder entfernt ihn, je nachdem, ob der Block oder das Infofeld darüber voraussichtlich gelöscht wird, wenn er gelöscht wird. Dazu wird die interne Eigenschaft "this.doesDelete_" verwendet. |
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 „thDelete_“. |
wouldDelete(element, _couldConnect) | Gibt an, ob der angegebene Block oder das Infofeld gelöscht werden würde, wenn es auf diesen Bereich gelegt würde. Mit dieser Methode sollte geprüft werden, ob das Element gelöscht werden kann und immer vor onDragEnter/onDragOver/onDragExit aufgerufen wird. |