Clase FieldDropdown
Clase para un campo desplegable editable.
Signature:
export declare class FieldDropdown extends Field<string>
Extiende: Field<string>
Constructores
| Constructor | Modificadores | Descripción |
|---|---|---|
| (constructor)(menuGenerador, validador, configuración) | 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 |
cadena | |
| CHECKMARK_OVERHANG | static |
número | Distancia horizontal a la que una marca de verificación sobresale del menú desplegable |
| clickTarget_ | SVGElement | nulo | ||
| CURSOR | cadena | 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, pero no los campos no serializables. Los campos editables también deben serializarse. |
Métodos
| Método | Modificadores | Descripción |
|---|---|---|
| applyColour() | Actualiza la flecha desplegable para que coincida con el color o el estilo del bloque. | |
| createSVGArrow_() | protected |
Crear una flecha basada en SVG |
| createTextArrow_() | protected |
Crea una flecha basada en intervalos. |
| doClassValidation_(newValue) | protected |
Asegúrate de que el valor de entrada sea una opción válida de lenguaje neutro. |
| doClassValidation_(newValue) | protected |
|
| doValueUpdate_(newValue) | protected |
Actualiza el valor de este campo del menú desplegable. |
| dropdownDispose_() | protected |
Elimina los eventos y las referencias de DOM que pertenecen al editor de menú desplegable. |
| getOptions(useCache) | Muestra una lista de las opciones para 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, te mostraremos el texto alternativo de la imagen. |
| 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. |
| shouldAddBorderRect_() | protected |
Indica si el menú desplegable debe agregar un rectángulo de borde o no. |
| showEditor_(e) | protected |
Crea un menú desplegable debajo del texto. |