blockly > Toolbox (Blockierung)

Toolbox-Klasse

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

Unterschrift:

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

Verlängert: DeleteArea

Implementiert:IAutoCollapseable, 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-Hold-Informationen, die zum Aufheben der Bindung von Event-Handlern erforderlich sind. Wird zur Entsorgung verwendet. Beispiel: [[Knoten, Name, Funktion], [Knoten, Name, Funktion]].
contentMap	protected	{ [Schlüssel: String]: IToolboxItem; }
Inhalte_	protected	IToolboxItem[]	Die Liste der Elemente in der Toolbox.
inhaltsdiv_	protected	HTMLDivElement | null	Der HTML-Container für den Inhalt einer Toolbox.
Höhe_	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.
isViewable_	protected	boolean	Gibt an, ob die Toolbox sichtbar ist.
previousSelectedItem_	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 des Werkzeugkastens.
Arbeitsbereich	protected readonly	Workspace-SVG-Dateien	Der Arbeitsbereich, in dem sich diese Toolbox befindet.
würde_löschen		Beliebig

Methoden

Methode	Modifikatoren	Beschreibung
addToolboxItem_(toolboxItem)	protected	Fügt der Toolbox ein Element hinzu.
attachmentEvents_(Container, ContentContainer)	protected	Fügt Event-Listener zum div-Container-Container-Div hinzu.
autohide(onlyClosePopups) ein.		Blendet die Komponente aus. Wird in WorkspaceSvg.hideChaff aufgerufen.
clearSelection() löschen		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_(Arbeitsbereich)	protected	Erstellt das DOM für die Toolbox.
createFlyout_() erstellen	protected	Erstellt das Flyout basierend auf dem Layout der Toolbox.
deselectItem_(Artikel)	protected	Die Auswahl des Elements wird aufgehoben, es wird als nicht ausgewählt markiert und der Aria-Status wird aktualisiert.
dispose()		Entsorgung dieser Toolbox.
getClientRect()		Gibt das Begrenzungsrechteck des Drag-Zielbereichs in Pixeln bezogen auf den Darstellungsbereich zurück.
getFlyout()		Ruft den Toolbox-Flyout ab.
getHeight()		Ruft die Höhe der Toolbox ab.
getBeforelySelectedItem().		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()		Gibt an, ob die Toolbox horizontal ist.
onClick_(e),	protected	Behandelt Klickereignisse, wenn auf die Toolbox- oder Toolbox-Elemente geklickt wird.
onDragEnter(_dragElement)		Wird gehandhabt, wenn ein Cursor mit einem Block oder einer Blase in dieses Ziehziel eintritt.
onDragExit(_dragElement)		Wird gehandhabt, wenn ein Cursor mit einem Block oder einer Blase dieses Drag-Ziel verlässt.
onDrop(_dragElement)		Wird gehandhabt, wenn ein Block oder eine Blase für diese Komponente abgelegt wird. Sollte hier nicht gelöscht werden.
onKeyDown_(e)	protected	Behandelt Keydown-Ereignisse für die Toolbox.
onShortcut(_Shortcut)		Behandelt die angegebene Tastenkombination.
Position()		Die Position der Toolbox hängt davon ab, ob es sich um einen horizontalen Toolbox-Code handelt und ob der Arbeitsbereich in RTL ist.
refreshSelection()		Aktualisiert den Inhalt der Flyouts, ohne sie zu schließen Sollte als Reaktion auf eine Änderung in einer der dynamischen Kategorien wie Variablen oder Verfahren verwendet werden.
renderContents_(toolboxDef)	protected	Fügt alle Toolbox-Elemente der Toolbox hinzu.
selectItem_(oldItem, newItem)	protected	Wählt das angegebene Element aus, markiert es und aktualisiert den Aria-Status.
selectItemByPosition(position)		Wählt das Toolbox-Element anhand seiner Position in der Liste aus.
setSelectedItem(newItem)		Legt das ausgewählte Element als ausgewählt fest. Keine Aktion, wenn der Artikel nicht ausgewählt werden kann.
setSichtbar(ist)		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 Blase darüber gelöscht werden soll (bei Verwendung der internen Property „this.wantDelete_“).
updateFlyout_(oldItem, newItem)	protected	Bestimmt, ob das Flyout je nach ausgewähltem Element ein- oder ausgeblendet werden soll.
updatewürden_löschen	protected	Aktualisiert den internen „delete“-Status.
würde löschen(element, _CouldConnect)		Gibt an, ob der angegebene Block oder die angegebene Blase gelöscht werden soll, wenn dieser Bereich gelöscht wird. Diese Methode sollte prüfen, ob das Element löschbar ist und immer vor onDragEnter/onDragOver/onDragExit aufgerufen wird.