Input

​

Text Inmatningskomponent är ett användargränssnitt element som tillåter användare att ange och redigera text i ett formulär eller inmatningsfält.

​

Egenskaper

​

Metod

Du kan använda andra komponenter för att styra komponenten. Vi stöder följande två metoder:

• setValue

För att ställa in indatavärdet, till exempel, {{‘value1’}}

• clearValue

För att rensa värdet på den valda komponenten

• focus

När fokusmetoden kallas, inmatningsfältet kommer att markeras och redo för användaren att börja skriva utan att användaren behöver klicka på inmatningsfältet

Exempel Användning:

Input komponent stöd lyssna på onChange-händelsen av andra komponenter med hjälp av inbyggda händelsesystem. Ställ in det genom att följa dessa exempelsteg:

1. Lägg till en händelseutlösare till den komponent som du vill lyssna på. Till exempel, om du vill lyssna på onChange händelsen av en radiogruppskomponent, du skulle lägga till en händelsehanterare till den Radio Group komponenten.
2. I händelsehanteraren Redigera, välj Control component i åtgärd, välj Input komponenten som du vill uppdatera som mål för händelsen.
3. Välj åtgärden SetValue och välj lämpligt värde för inmatningskomponenten. Detta kommer att vara det värde som inmatningskomponenten har och kommer att uppdatera när händelsen utlöses.
4. Spara inställningarna för händelsen och upprepa processen för andra komponenter som du vill lyssna på.

När du har konfigurerat händelseutlösarna, kommer indatakomponenten automatiskt att uppdateras när händelsen onChange utlöses på de andra komponenterna. Detta gör att du kan skapa dynamiska gränssnitt som svarar på användarens indata i realtid. göra det enklare för användare att navigera och interagera med din applikation.

​

Händelsehanterare

​

Data

Komponenten har några vanliga data, som kan anropas via {{componentName.propertyName}} i appen.

Exempel: {{input1.value}}

​

Använd ärende

Nedan följer några exempel för att anpassa inmatningskomponenten.

• Prefix:

• Suffix:

• Verktygstips:

• Mönster: