blockly > Caja de herramientas

Clase de caja de herramientas

Clase para usar Toolbox. Crea el DOM de la caja de herramientas.

Signature:

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

Extiende: DeleteArea

Implementa: 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[]	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	Es la altura de la caja de herramientas.
HtmlDiv		HTMLDivElement | nulo	El contenedor HTML de la caja de herramientas.
id		cadena	El ID único para este componente que se usa a fin de registrarse con ComponentManager.
isVisible_	protected	boolean	Indica si Toolbox está visible.
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. Llamada en WorkspaceSvg.hideChaff.
clearSelection()		Quita la selección de los elementos seleccionados anteriormente.
createContainer_()	protected	Crea el contenedor div para 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 menú flotante basado en el diseño de la caja de herramientas.
deselectItem_(item)	protected	Anula la selección del elemento, lo marca como no seleccionado y actualiza el estado de los 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 relativas al 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 en 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()		Obtiene si la caja de herramientas es horizontal o no.
onClick_(e)	protected	Controla los eventos de clic para cuando se hace clic en los elementos de la caja de herramientas o de la caja de herramientas.
onDragEnter(_dragElement)		Controla cuándo un cursor con un bloque o una burbuja ingresa a este objetivo de arrastre.
onDragExit(_dragElement)		Controla cuándo un cursor con un bloque o una burbuja sale de este objetivo de arrastre.
onDrop(_dragElement)		Controla cuándo se suelta un bloque o una burbuja en este componente. No debería administrar la eliminación aquí.
onKeyDown_(e)	protected	Controla los eventos de tecla hacia abajo para la caja de herramientas.
onShortcut(_shortcut)		Controla la combinación de teclas determinada.
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 derecha.
refreshSelection()		Actualiza el contenido del menú flotante sin cerrarlo. Deben 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, newItem)	protected	Selecciona el elemento dado, lo marca como seleccionado y actualiza el estado de los 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 seleccionado como seleccionado. No funciona si no se puede seleccionar el elemento.
setVisible(isVisible)		Muestra u oculta la caja de herramientas.
debeDeselectItem_(oldItem, newItem)	protected	Decide si se debe anular la selección del elemento anterior.
debeSelectItem_(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 según si se espera que el bloque o la burbuja que aparece sobre él se eliminen si se suelta (usando la propiedad interna this.TargetDelete_).
updateFlyout_(oldItem, newItem)	protected	Decide si quieres ocultar o mostrar el menú flotante en función del elemento seleccionado.
updateWouldDelete_(wouldDelete)	protected	Actualiza el estado wouldDelete_ interno.
wouldDelete(element, _couldConnect)		Muestra si el bloque o el cuadro proporcionados se borrarían si se soltaran en esta área. Este método debe verificar si el elemento se puede borrar y siempre se llama antes de onDragEnter/onDragOver/onDragExit.