Clase FieldDropdown
Clase para un campo desplegable editable.
Signature:
export declare class FieldDropdown extends Field<string>
Extiende: Campo<string>
Constructores
| Constructor | Modificadores | Descripción |
|---|---|---|
| (constructor)(menuGenerator, validador, 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 | |
| CHECKMARK_OVERHANG | static |
número | Distancia horizontal con una marca de verificación sobre el menú desplegable. |
| clickTarget_ | SVGElement | nulo | ||
| CURSOR | string | Es el estilo del cursor del mouse cuando se encuentra sobre el hotspot que inicia el editor. | |
| MAX_MENU_HEIGHT_VH | static |
número | Es la altura máxima del menú desplegable, como un porcentaje de la altura del viewport. |
| menu_ | protected |
Menú | nulo | El menú desplegable. |
| menuGenerator_? | protected |
MenuGenerator | (Opcional) |
| SERIALIZABLE | boolean | El serializador guarda los campos serializables, mientras que los no serializables no lo son. Los campos editables también deben ser serializables. |
Métodos
| Método | Modificadores | Descripción |
|---|---|---|
| applyColour() | Actualiza la flecha desplegable para que coincida con el color/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, independiente del idioma. |
| doClassValidation_(newValue) | protected |
|
| doValueUpdate_(newValue) | protected |
Actualiza el valor de este campo del menú desplegable. |
| dropdownDispose_() | protected |
Elimina eventos y referencias de DOM que pertenecen al editor desplegable. |
| getOptions(useCache) | Muestra una lista de las opciones de este menú desplegable. | |
| getText_() | protected |
Usa el hook de desarrollador 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, mostraremos el texto alternativo de la imagen. |
| initView() | Crea la IU de bloque para este menú desplegable. | |
| isOptionListDynamic() | ||
| onItemSelected_(menú, menúItem) | protected |
Controla la selección de un elemento en el menú desplegable. |
| render_() | protected |
Dibuja el borde con el ancho correcto. |
| shouldAddBorderRect_() | protected |
Indica si el menú desplegable debe agregar o no un rectángulo de borde. |
| showEditor_(e) | protected |
Crea un menú desplegable debajo del texto. |