blockly > Toolbox

Toolbox-Klasse

Klasse für eine Toolbox. Erstellt das DOM der Toolbox.

Unterschrift:

export declare class Toolbox extends DeleteArea implements IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode 

Erweitert: DeleteArea

Implementiert: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox, IFocusableNode

Konstruktoren

Konstruktor	Modifikatoren	Beschreibung
(constructor)(workspace)		Erstellt eine neue Instanz der Klasse Toolbox.

Attribute

Attribut	Modifikatoren	Typ	Beschreibung
boundEvents_	protected	browserEvents.Data[]	Array mit Informationen, die zum Aufheben der Bindung von Event-Handlern erforderlich sind. Wird für die Entsorgung verwendet. Beispiel: [[node, name, func], [node, name, func]].
Inhalte	protected	Map<string, IToolboxItem>	Zuordnung von der ID zum entsprechenden Toolbox-Element.
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_	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, contentsContainer)	protected	Fügt dem Toolbox-Container-Div Event-Listener hinzu.
autoHide(onlyClosePopups)		Blendet die Komponente aus. Wird in WorkspaceSvg.hideChaff aufgerufen.
canBeFocused()		Siehe IFocusableNode.canBeFocused.
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 basierend auf dem Toolbox-Layout.
deselectItem_(item)	protected	Hebt die Auswahl des angegebenen Elements auf, markiert es als nicht ausgewählt und aktualisiert den ARIA-Status.
dispose()		Gibt diese Toolbox frei.
getClientRect()		Gibt das umgebende Rechteck des Drag-Zielbereichs in Pixeleinheiten relativ zum Viewport zurück.
getFlyout()		Ruft das Toolbox-Flyout ab.
getFocusableElement()		Siehe IFocusableNode.getFocusableElement.
getFocusableTree()		Weitere Informationen finden Sie unter IFocusableNode.getFocusableTree.
getHeight()		Ruft die Höhe der Toolbox ab.
getNestedTrees()		Weitere Informationen finden Sie unter IFocusableTree.getNestedTrees.
getPreviouslySelectedItem()		Ruft das zuvor ausgewählte Element ab.
getRestoredFocusableNode(previousNode)		Siehe IFocusableTree.getRestoredFocusableNode.
getRootFocusableNode()		Weitere Informationen finden Sie unter IFocusableTree.getRootFocusableNode.
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()		Gibt an, ob die Symbolleiste horizontal ausgerichtet ist.
lookUpFocusableNode(id)		Siehe IFocusableTree.lookUpFocusableNode.
onClick_(e)	protected	Verarbeitet Click-Events, wenn auf die Toolbox oder Toolbox-Elemente geklickt wird.
onDragEnter(_dragElement)		Wird ausgelöst, wenn ein Cursor mit einem Block oder einer Blase in dieses Drag-Ziel eintritt.
onDragExit(_dragElement)		Wird ausgeführt, wenn ein Cursor mit einem Block oder einer Blase dieses Drag-Ziel verlässt.
onDrop(_dragElement)		Wird ausgelöst, wenn ein Block oder eine Blase auf dieser Komponente abgelegt wird. Should not handle delete here.
onKeyDown_(e)	protected	Verarbeitet „Key Down“-Ereignisse für die Toolbox.
onNodeBlur()		Weitere Informationen finden Sie unter IFocusableNode.onNodeBlur.
onNodeFocus()		Weitere Informationen finden Sie unter IFocusableNode.onNodeFocus.
onShortcut(_shortcut)		Verarbeitet die angegebene Tastenkombination.
onTreeBlur(nextTree)		Weitere Informationen finden Sie unter IFocusableTree.onTreeBlur.
onTreeFocus(node, _previousTree)		Siehe IFocusableTree.onTreeFocus.
position()		Positioniert die Toolbox basierend darauf, ob es sich um eine horizontale Toolbox handelt und ob der Arbeitsbereich RTL ist.
refreshSelection()		Aktualisiert den Inhalt des Flyouts, ohne es zu schließen. Sollte als Reaktion auf eine Änderung in einer der dynamischen Kategorien verwendet werden, z. B. bei Variablen oder Prozeduren.
renderContents_(toolboxDef)	protected	Fügt alle Toolbox-Elemente der Toolbox 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 Symbolleistenelement anhand seiner Position in der Liste der Symbolleistenelemente aus.
setSelectedItem(newItem)		Legt das angegebene Element als ausgewählt fest. Hat keine Auswirkungen, wenn das Element nicht ausgewählt werden kann.
setVisible(isVisible)		Blendet die Symbolleiste 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 ihn, je nachdem, ob der Block oder die Blase darüber gelöscht werden soll, wenn sie fallen gelassen wird (mit der internen Eigenschaft „this.wouldDelete_“).
updateFlyout_(oldItem, newItem)	protected	Legt fest, ob das Flyout je nach ausgewähltem Element ausgeblendet oder eingeblendet werden soll.
updateWouldDelete_(wouldDelete)	protected	Aktualisiert den internen Status „wouldDelete_“.
wouldDelete(element)		Gibt zurück, ob der bereitgestellte Block oder die bereitgestellte Blase gelöscht würde, wenn sie in diesem Bereich abgelegt wird. Mit dieser Methode sollte geprüft werden, ob das Element gelöscht werden kann. Sie wird immer vor onDragEnter/onDragOver/onDragExit aufgerufen.