FieldDropdown-Klasse
Klasse für ein bearbeitbares Drop-down-Feld.
Unterschrift:
export declare class FieldDropdown extends Field<string>
Erweitert: Feld<string>
Konstruktoren
| Konstruktor | Modifikatoren | Beschreibung |
|---|---|---|
| (Konstruktor)(MenüGenerator, Validator, Konfiguration) | Erstellt eine neue Instanz der FieldDropdown-Klasse |
|
| (Konstruktor)(Menü-Generator) | Erstellt eine neue Instanz der FieldDropdown-Klasse |
Attribute
| Property | Modifikatoren | Typ | Beschreibung |
|---|---|---|---|
| ARROW_CHAR | static |
String | |
| CHECKMARK_OVERHANG | static |
Zahl | Horizontaler Abstand, mit dem ein Häkchen das Drop-down-Menü überhängt. |
| clickTarget_ | SVGElement | null | ||
| CURSOR | String | Stil des Mauszeigers, wenn er über dem Hotspot angezeigt wird, der den Editor startet | |
| MAX_MENU_HEIGHT_VH | static |
Zahl | Die maximale Höhe des Drop-down-Menüs als Prozentsatz der Höhe des Darstellungsbereichs. |
| menu_ | protected |
Menü | null | Drop-down-Menü |
| menuGenerator_? | protected |
MenuGenerator | (Optional) |
| SERIALISIERT | boolean | Serialisierbare Felder werden vom Serializer gespeichert, nicht-serialisierbare Felder nicht. Bearbeitbare Felder sollten außerdem seriell sein. |
Methoden
| Methode | Modifikatoren | Beschreibung |
|---|---|---|
| applyColour() | Ändert die Farbe des Drop-down-Pfeils entsprechend der Farbe bzw. dem Stil des Blocks. | |
| createSVGArrow_() | protected |
Erstellen Sie einen SVG-basierten Pfeil. |
| createTextArrow_() | protected |
Erstellen Sie einen Pfeil nach Spannweite. |
| doClassValidation_(newValue) | protected |
Achten Sie darauf, dass der Eingabewert eine gültige sprachneutrale Option ist. |
| doClassValidation_(newValue) | protected |
|
| doValueUpdate_(newValue) | protected |
Aktualisieren Sie den Wert dieses Drop-down-Felds. |
| dropdownDispose_() | protected |
Beseitigt Ereignisse und DOM-Verweise, die zum Drop-down-Editor gehören. |
| getOptions(useCache) | Gibt eine Liste mit Optionen für dieses Drop-down-Menü zurück. | |
| getText_() | protected |
Verwenden Sie den Entwickler-Hook getText_, um die Textdarstellung des Felds zu überschreiben. Ausgewählten Optionstext abrufen. Wenn die ausgewählte Option ein Bild ist, wird der Alt-Text für das Bild zurückgegeben. |
| initView() | Erstellen Sie die Block-UI für dieses Drop-down-Menü. | |
| isOptionListDynamic() | ||
| onItemSelected_(menu, MenuItem) | protected |
Verarbeiten Sie die Auswahl eines Elements im Drop-down-Menü. |
| render_() | protected |
Zeichnet den Rahmen mit der richtigen Breite. |
| shouldAddBorderRect_() | protected |
Gibt an, ob dem Drop-down-Menü ein Rahmenrechteck hinzugefügt werden soll. |
| showEditor_(e) | protected |
Erstellen Sie ein Drop-down-Menü unter dem Text. |