blockly > Toolbox

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_

protected

readonly

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.