blockly > Boîte à outils

Classe de boîte à outils

Classe pour 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	Modificateurs	Description
(constructeur)(espace de travail)		Construit une nouvelle instance de la classe Toolbox.

Propriétés

Propriété	Modificateurs	Type	Description
boundEvents_	protected	browserEvents.Data[]	Tableau contenant les informations nécessaires pour dissocier des gestionnaires d'événements. Utilisé pour la suppression. 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	Élément HTMLDiv | nul	Conteneur HTML pour le contenu d'une boîte à outils.
height_	protected	Nombre	Hauteur de la boîte à outils.
HtmlDiv		Élément HTMLDiv | nul	Conteneur HTML de la boîte à outils.
id		chaîne	Identifiant unique de ce composant, qui est utilisé pour s'enregistrer auprès du gestionnaire de composants.
isVisible_	protected	booléen	Indique si la boîte à outils est visible.
previouslySelectedItem_	protected	ISelectableToolboxItem | nul	Élément sélectionné précédemment.
RTL		booléen
selectedItem_	protected	ISelectableToolboxItem | nul	Élément actuellement sélectionné.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	Nombre	Largeur de la boîte à outils.
workspace_	protected readonly	WorkspaceSvg	Espace de travail dans lequel se trouve cette boîte à outils.

Méthodes

Méthode	Modificateurs	Description
addToolboxItem_(toolboxItem)	protected	Ajoute un élément à la boîte à outils.
attachEvents_(container, contentContainer)	protected	Ajoute des écouteurs d'événements au div du conteneur de la boîte à outils.
autoHide(onlyClosePopups)		Masque le composant. Appelé dans WorkspaceSvg.hideChaff.
clearSelection()		Supprime tous les éléments sélectionnés précédemment.
createContainer_()	protected	Crée l'élément 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()		Cette boîte à outils ne s'affiche plus.
getClientRect()		Renvoie le rectangle de délimitation de la zone cible de déplacement (en 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 de 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 les éléments de la boîte à outils ou de la boîte à outils.
onDragEnter(_dragElement)		Gère le moment où un curseur avec un bloc ou une bulle entre dans cette cible de déplacement.
onDragExit(_dragElement)		Gère le moment où un curseur avec un bloc ou une bulle quitte cette cible de déplacement.
onDrop(_dragElement)		Gère l'abandon 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 de touche Bas 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 seule ou non.
refreshSelection()		Met à jour le contenu du menu déroulant sans le fermer. doit être utilisée en réponse à une modification dans l'une des catégories dynamiques, telles que les variables ou les procédures.
renderContents_(toolboxDef)	protected	Ajoute tous les éléments de la boîte à outils à celle-ci.
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.
doiventDeselectItem_(oldItem, newItem)	protected	Détermine si l'ancien élément doit être désélectionné.
doiventSelectItem_(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 sur la boîte à outils selon que le bloc ou la bulle au-dessus doivent être supprimés en cas de suppression (à l'aide de la propriété interne this.whileDelete_).
updateFlyout_(oldItem, newItem)	protected	Permet de choisir de masquer ou d'afficher le menu déroulant en fonction de l'élément sélectionné.
updateWouldDelete_(wouldDelete)	protected	Met à jour l'état interne IfDelete_.
wouldDelete(element)		Indique si le bloc ou la bulle fournis seraient supprimés s'ils étaient déposés sur cette zone. Cette méthode permet de vérifier si l'élément peut être supprimé et est toujours appelé avant onDragEnter/onDragOver/onDragExit.