blockly > Caja de herramientas

Clase de la caja de herramientas

Clase para una Caja de herramientas. Crea el DOM de la caja de herramientas.

Signature:

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

Extiende: DeleteArea

Elementos implementados: IAutoHideable, IKeyboardAccessible, IStyleable, IToolbox.

Constructores

Constructor	Modificadores	Descripción
(constructor)(lugar de trabajo)		Construye una instancia nueva de la clase Toolbox.

Propiedades

Propiedad	Modificadores	Tipo	Descripción
boundEvents_	protected	browserEvents.Data[]	Es un array que contiene la información necesaria para desvincular los controladores de eventos. Se usa para desechar. P. ej.: [[node, name, func], [node, name, func]].
contentMap_	protected	{ [key: string]: IToolboxItem; }.
contents_	protected	IToolboxItem[]	Es la lista de elementos de la caja de herramientas.
contentsDiv_	protected	HTMLDivElement | nulo	Es el contenedor HTML para el contenido de una caja de herramientas.
height_	protected	número	La altura de la caja de herramientas
HtmlDiv		HTMLDivElement | nulo	El contenedor HTML de la caja de herramientas.
id		string	Es el ID único de este componente que se usa para registrarse en ComponentManager.
isVisible_	protected	boolean	Indica si se puede ver la Caja de herramientas.
previouslySelectedItem_	protected	ISelectableToolboxItem | nulo	El elemento seleccionado anteriormente.
RTL		boolean
selectedItem_	protected	ISelectableToolboxItem | nulo	El elemento seleccionado actualmente.
toolboxDef_	protected	toolbox.ToolboxInfo
toolboxPosition		toolbox.Position
width_	protected	número	El ancho de la caja de herramientas.
workspace_	protected readonly	WorkspaceSvg	El lugar de trabajo en el que se encuentra esta caja de herramientas.

Métodos

Método	Modificadores	Descripción
addToolboxItem_(toolboxItem)	protected	Agrega un elemento a la caja de herramientas.
attachEvents_(container, contentContainer)	protected	Agrega objetos de escucha de eventos al div del contenedor de la caja de herramientas.
autoHide(onlyClosePopups)		Oculta el componente. Se llama en WorkspaceSvg.hideChaff.
clearSelection()		Quita la marca de cualquier elemento seleccionado anteriormente.
createContainer_()	protected	Crea el contenedor div de la caja de herramientas.
createContentsContainer_()	protected	Crea el contenedor para todo el contenido de la caja de herramientas.
createDom_(workspace)	protected	Crea el DOM para la caja de herramientas.
createFlyout_()	protected	Crea el control flotante en función del diseño de la caja de herramientas.
deselectItem_(item)	protected	Anula la selección del elemento determinado, lo marca como no seleccionado y actualiza el estado de ARIA.
dispose()		Eliminación de esta caja de herramientas.
getClientRect()		Muestra el rectángulo delimitador del área de destino de arrastre en unidades de píxeles en relación con la viewport.
getFlyout()		Obtiene el menú flotante de la caja de herramientas.
getHeight()		Obtiene la altura de la caja de herramientas.
getPreviouslySelectedItem()		Obtiene el elemento seleccionado anteriormente.
getSelectedItem()		Obtiene el elemento seleccionado.
getToolboxItemById(id)		Obtiene el elemento de la caja de herramientas con el ID determinado.
getToolboxItems()		Obtiene los elementos de la caja de herramientas.
getWidth()		Obtiene el ancho de la caja de herramientas.
getWorkspace()		Obtiene el lugar de trabajo para la caja de herramientas.
init()		Inicializa la caja de herramientas.
isHorizontal()		Determina si la caja de herramientas es horizontal o no.
onClick_(e)	protected	Controla los eventos de clic para cuando se hace clic en la caja de herramientas o los elementos de la caja de herramientas.
onDragEnter(_dragElement)		Controla cuando un cursor con un bloque o una burbuja ingresa a este objetivo de arrastre.
onDragExit(_dragElement)		Controla cuando un cursor con un bloque o una burbuja sale de este objetivo de arrastre.
onDrop(_dragElement)		Controla cuando se suelta un bloque o una burbuja en este componente. No se debe procesar la eliminación aquí.
onKeyDown_(e)	protected	Controla los eventos de presión de teclas para la caja de herramientas.
onShortcut(_shortcut)		Controla la combinación de teclas especificada.
position()		Posiciona la caja de herramientas en función de si es una caja de herramientas horizontal y de si el espacio de trabajo está en lectura de derecha a izquierda.
refreshSelection()		Actualiza el contenido del menú flotante sin cerrarlo. Debe usarse en respuesta a un cambio en una de las categorías dinámicas, como variables o procedimientos.
renderContents_(toolboxDef)	protected	Agrega todos los elementos de la caja de herramientas a la caja de herramientas.
selectItem_(oldItem, nuevo)	protected	Selecciona el artículo determinado, lo marca como seleccionado y actualiza el estado ARIA.
selectItemByPosition(position)		Selecciona el elemento de la caja de herramientas por su posición en la lista de elementos de la caja de herramientas.
setSelectedItem(newItem)		Establece el elemento determinado como seleccionado. No funcionará si el elemento no se puede seleccionar.
setVisible(isVisible)		Oculta o muestra la caja de herramientas.
shouldDeselectItem_(oldItem, newItem)	protected	Decide si se debe anular la selección del elemento anterior.
shouldSelectItem_(oldItem, newItem)	protected	Decide si se debe seleccionar el nuevo elemento.
updateCursorDeleteStyle_(addStyle)	protected	Agrega o quita el estilo CSS del cursor sobre la caja de herramientas en función de si se espera que el bloque o la burbuja sobre él se elimine si se suelta (usando la propiedad interna this.shouldDelete_).
updateFlyout_(oldItem, newItem)	protected	Decide si ocultar o mostrar el control flotante según el elemento seleccionado.
updateWouldDelete_(wouldDelete)	protected	Actualiza el estado interno de willDelete_.
wouldDelete(element)		Muestra si el bloque o la burbuja proporcionados se borrará si se suelta en esta área. Este método debe verificar si el elemento se puede borrar y si siempre se llama antes de onDragEnter/onDragOver/onDragExit.