blockly > Toolbox

Classe Boîte à outils

Classe d'une boîte à outils. Crée le DOM de la boîte à outils.

Signature :

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

Extension:DeleteArea

Implémentations: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox

Constructeurs

Constructeur	Les modificateurs	Description
(constructeur)(espace de travail)		Construit une instance de la classe Toolbox.

Propriétés

Propriété	Les modificateurs	Type	Description
boundEvents_	protected	browserEvents.Data[]	Tableau contenant les informations nécessaires pour dissocier les gestionnaires d'événements. Utilisé pour la mise au rebut. Ex. : [[node, name, func], [node, name, func]].
contentMap_	protected	{ [key: string]: IToolboxItem; }
contents_	protected	IToolboxItem[]	Liste des éléments de la boîte à outils.
contentsDiv_	protected	HTMLDivElement | null	Conteneur HTML du contenu d'une boîte à outils.
height_	protected	number	Le haut de la boîte à outils
HtmlDiv		HTMLDivElement | null	Conteneur HTML de la boîte à outils.
id		chaîne	Identifiant unique de ce composant, utilisé pour s'inscrire auprès de ComponentManager.
isVisible_	protected	boolean	Indique si la boîte à outils est visible.
previouslySelectedItem_	protected	ISelectableToolboxItem | null	Élément sélectionné précédemment.
RTL		boolean
selectedItem_	protected	ISelectableToolboxItem | null	L'élément actuellement sélectionné.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	number	Largeur de la boîte à outils.
workspace_	protected readonly	WorkspaceSvg	Espace de travail sur lequel cette boîte à outils est activée.

Méthodes

Méthode	Les modificateurs	Description
addToolboxItem_(toolboxItem)	protected	Ajoute un élément à la boîte à outils.
attachEvents_(container, contentsContainer)	protected	Ajoute des écouteurs d'événements au div du conteneur de la boîte à outils.
autoHide(onlyClosePopups)		Masque le composant. Appelée dans WorkspaceSvg.hideChaff.
clearSelection()		Met en surbrillance tout élément précédemment sélectionné.
createContainer_()	protected	Crée le tag div du conteneur pour la boîte à outils.
createContentsContainer_()	protected	Crée le conteneur pour tout le contenu de la boîte à outils.
createDom_(workspace)	protected	Crée le DOM pour la boîte à outils.
createFlyout_()	protected	Crée le menu déroulant en fonction de la mise en page de la boîte à outils.
deselectItem_(item)	protected	Désélectionne l'élément donné, le marque comme non sélectionné et met à jour l'état ARIA.
dispose()		Supprime cette boîte à outils.
getClientRect()		Renvoie le rectangle de délimitation de la zone cible du déplacement, en unités de pixels par rapport à la fenêtre d'affichage.
getFlyout()		Récupère le menu déroulant de la boîte à outils.
getHeight()		Récupère la hauteur de la boîte à outils.
getPreviouslySelectedItem()		Récupère l'élément précédemment sélectionné.
getSelectedItem()		Récupère l'élément sélectionné.
getToolboxItemById(id)		Récupère l'élément de la boîte à outils avec l'ID donné.
getToolboxItems()		Récupère les éléments de la boîte à outils.
getWidth()		Récupère la largeur de la boîte à outils.
getWorkspace()		Récupère l'espace de travail pour la boîte à outils.
init()		Initialise la boîte à outils
isHorizontal()		Détermine si la boîte à outils est horizontale ou non.
onClick_(e)	protected	Gère les événements de clic lorsque l'utilisateur clique sur la boîte à outils ou sur ses éléments.
onDragEnter(_dragElement)		Gère le fait qu'un curseur contenant un bloc ou une bulle entre dans cette cible de déplacement.
onDragExit(_dragElement)		Gère la sortie d'un curseur contenant un bloc ou une bulle de la zone de déplacement.
onDrop(_dragElement)		Gère le lancement d'un bloc ou d'une bulle sur ce composant. Ne doit pas gérer la suppression ici.
onKeyDown_(e)	protected	Gère les événements d'interruption de service pour la boîte à outils.
onShortcut(_shortcut)		Gère le raccourci clavier donné.
position().		Positionne la boîte à outils selon qu'il s'agit ou non d'une boîte à outils horizontale et selon que l'espace de travail est en lecture de droite à gauche.
refreshSelection()		Met à jour le contenu du menu déroulant sans le fermer. Il doit être utilisé en réponse à une modification de l'une des catégories dynamiques, telles que des variables ou des procédures.
renderContents_(toolboxDef)	protected	Ajoute tous les éléments de la boîte à outils.
selectItem_(oldItem, newItem)	protected	Sélectionne l'élément donné, le marque comme sélectionné et met à jour l'état ARIA.
selectItemByPosition(position)		Sélectionne l'élément de la boîte à outils en fonction de sa position dans la liste des éléments de la boîte à outils.
setSelectedItem(newItem)		Définit l'élément donné comme sélectionné. No-op si l'élément n'est pas sélectionnable.
setVisible(isVisible)		Affiche ou masque la boîte à outils.
shouldDeselectItem_(oldItem, newItem)	protected	Détermine si l'ancien élément doit être désélectionné.
shouldSelectItem_(oldItem, newItem)	protected	Détermine si le nouvel élément doit être sélectionné.
updateCursorDeleteStyle_(addStyle)	protected	Ajoute ou supprime le style CSS du curseur situé au-dessus de la boîte à outils, selon que le bloc ou la bulle sur celui-ci doivent être supprimés en cas de suppression (à l'aide de la propriété interne this.shouldDelete_).
updateFlyout_(oldItem, newItem)	protected	Décide si le menu déroulant doit être affiché ou masqué en fonction de l'élément sélectionné.
updateWouldDelete_(wouldDelete)	protected	Met à jour l'état interne "willDelete_".
wouldDelete(element, _couldConnect)		Indique si le bloc ou l'info-bulle fourni serait supprimé s'il était déposé dans cette zone. Cette méthode doit vérifier si l'élément peut être supprimé et est toujours appelé avant onDragEnter/onDragOver/onDragExit.