Input

​

Tekst Input komponent er et brugergrænseflade element, der giver brugerne mulighed for at indtaste og redigere tekst i en form eller input felt.

​

Egenskaber

​

Metode

Du kan bruge andre komponenter til at styre komponenten. Vi støtter følgende to metoder:

• setValue

For at indstille inputværdien, for eksempel, {{‘value1’}}

• clearValue

For at rydde værdien af den valgte komponent

• focus

Når fokusmetoden kaldes, inputfeltet vil blive fremhævet og klar for brugeren at begynde at skrive uden at brugeren skal klikke på inputfeltet

Eksempel Anvendelse:

Input komponent støtte lytte til onChange begivenhed af andre komponenter ved hjælp af indbygget begivenhed system. Opsæt den ved at følge disse eksempel trin:

1. Tilføj en begivenhedsudløser til den komponent, du vil lytte til. For eksempel, hvis du ønsker at lytte til den onChange begivenhed af en Radio Group komponent, du vil tilføje en hændelsesbehandler til den Radio Group komponent.
2. Vælg Kontrolkomponent i aktionen i hændelseshåndteringen, vælg den Input-komponent, som du ønsker at opdatere som mål for hændelsen.
3. Vælg handlingen SetValue og vælg den relevante værdi for inputkomponenten. Dette vil være den værdi, som inputkomponenten har, og vil opdatere, når begivenheden udløses.
4. Gem indstillingerne for event trigger og gentag processen for alle andre komponenter, som du ønsker at lytte til.

Når du har konfigureret begivenheden udløser, opdateres inputkomponenten automatisk, når onChange begivenheden udløses på de andre komponenter. Dette giver dig mulighed for at oprette dynamiske grænseflader, der reagerer på brugerinput i realtid, gør det lettere for brugerne at navigere og interagere med din applikation.

​

Hændelse handler

​

Data

Komponenten har nogle almindeligt anvendte data, som kan kaldes via {{componentName.propertyName}} i appen.

Eksempel: {{input1.value}}

​

Brug case

Nedenfor er nogle eksempler til tilpasning af input komponent.

• Præfiks:

• Suffiks:

• Værktøjstip:

• Mønster: