blockly > Toolbox

Toolbox-Kurs

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

Unterschrift:

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

Erweitert: DeleteArea

Implementierung:IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Konstruktoren

Konstruktor	Modifikatoren	Beschreibung
(Konstruktor)(Arbeitsbereich)		Erstellt eine neue Instanz der Toolbox-Klasse

Attribute

Attribut	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	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, contentContainer)	protected	Fügt Ereignis-Listener zum Toolbox-Container-div 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-Element für die Toolbox.
createContentsContainer_()	protected	Erstellt den Container für den gesamten Inhalt der Toolbox.
createDom_(workspace)	protected	Erstellt das DOM für die Toolbox.
createFlyout_()	protected	Erstellt das Flyout-Menü 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()		Entsorgt diese Toolbox.
getClientRect()		Gibt das Begrenzungsrechteck des Ziehzielbereichs in Pixeleinheiten relativ zum Darstellungsbereich zurück.
getFlyout()		Toolbox-Flyout abrufen.
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	Handles bei Click-Events, die ausgelöst werden, wenn auf die Toolbox- oder Toolbox-Elemente geklickt wird.
onDragEnter(_dragElement)		Ziehpunkte, wenn ein Cursor mit einem Block oder einer Blase in dieses Ziehziel gelangt.
onDragExit(_dragElement)		Ziehpunkte, wenn ein Cursor mit einem Block oder einer Blase dieses Ziehziel verlässt.
onDrop(_dragElement)		Handles, wenn ein Block oder eine Blase auf diese Komponente gesetzt wird. Darf hier nicht gelöscht werden.
onKeyDown_(e)	protected	Verarbeitet Keydown-Ereignisse für die Toolbox.
onShortcut(_shortcut)		Verarbeitet die angegebene Tastenkombination.
position()		Positioniert die Toolbox abhängig davon, ob es sich um eine horizontale Toolbox handelt und ob der Arbeitsbereich in 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 Verfahren.
renderContents_(toolboxDef)	protected	Fügt alle Toolbox-Elemente zur 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 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 der Toolbox hinzu oder entfernt ihn, je nachdem, ob der Block oder die darüber liegende Blase gelöscht werden soll, wenn er gelöscht wird (mithilfe der internen Eigenschaft this.wouldDelete_).
updateFlyout_(oldItem, newItem)	protected	Legt abhängig vom ausgewählten Element fest, ob das Flyout-Menü aus- oder eingeblendet wird.
updateWouldDelete_(wouldDelete)	protected	Aktualisiert den internen elseDelete_-Status.
wouldDelete(element)		Gibt an, ob der angegebene Block oder das Infofeld gelöscht wird, wenn er in diesem Bereich abgelegt wird. Diese Methode sollte überprüfen, ob das Element löschbar ist und immer vor onDragEnter/onDragOver/onDragExit aufgerufen wird.