blockly > FieldDropdown

Clase FieldDropdown

Es la clase de un campo desplegable editable.

Signature:

export declare class FieldDropdown extends Field<string> 

Extiende: Campo<cadena>

Constructores

Constructor Modificadores Descripción
(constructor)(menuGenerator, validator, config) Construye una instancia nueva de la clase FieldDropdown.
(constructor)(menuGenerator) Construye una instancia nueva de la clase FieldDropdown.

Propiedades

Propiedad Modificadores Tipo Descripción
ARROW_CHAR static string
clickTarget_ SVGElement | null
IMAGE_Y_OFFSET

protected

static

número Es el desplazamiento en Y desde la parte superior del campo hasta la parte superior de la imagen, si se selecciona una imagen.
IMAGE_Y_PADDING

protected

static

número Es el padding vertical total sobre y debajo de una imagen.
menu_ protected Menú | nulo El menú desplegable.
menuGenerator_? protected MenuGenerator (Opcional)
SEPARATOR

static

readonly

(no declarado) Es una constante mágica que se usa para representar un separador en una lista de elementos desplegables.
SERIALIZABLE booleano El serializador guarda los campos serializables, pero no los no serializables. Los campos editables también deben ser serializables.

Métodos

Método Modificadores Descripción
applyColour() Actualiza la flecha del menú desplegable para que coincida con el color o el estilo del bloque.
createSVGArrow_() protected Crea una flecha basada en SVG.
createTextArrow_() protected Crea una flecha basada en tspan.
doClassValidation_(newValue) protected Asegúrate de que el valor de entrada sea una opción válida sin idioma.
doClassValidation_(newValue) protected
doValueUpdate_(newValue) protected Actualiza el valor de este campo desplegable.
dropdownDispose_() protected Elimina los eventos y las referencias de DOM que pertenecen al editor del menú desplegable.
getOptions(useCache) Muestra una lista de las opciones de este menú desplegable.
getText_() protected

Usa el hook para desarrolladores getText_ para anular la representación de texto del campo. Obtén el texto de la opción seleccionada. Si la opción seleccionada es una imagen, mostramos el texto alternativo de la imagen. Si la opción seleccionada es un HTMLElement, muestra el título, el ariaLabel o el innerText del elemento.

Si usas opciones de HTMLElement en Node.js y llamas a esta función, asegúrate de proporcionar una implementación de HTMLElement, como a través de jsdom-global.

initView() Crea la IU del bloque para este menú desplegable.
isOptionListDynamic()
onItemSelected_(menu, menuItem) protected Controla la selección de un elemento en el menú desplegable.
render_() protected Dibuja el borde con el ancho correcto.
setOptions(menuGenerator) Actualiza las opciones de este menú desplegable. Esto restablecerá el elemento seleccionado al primero de la lista.
shouldAddBorderRect_() protected Indica si el menú desplegable debe agregar un rectángulo de borde.
showEditor_(e) protected Crea un menú desplegable debajo del texto.
trimOptions(options) protected Factorizar palabras comunes en opciones definidas de forma estática Crea etiquetas de prefijo o sufijo.
validateOptions(options) protected Valida la estructura de datos que se procesará como una lista de opciones.