ILLA components

​

ILLA leverer flere titalls prefabrikkerte komponenter for raskt å bygge grenseflater.

​

Liste over komponenter

​

Inputs

• Innput: brukes til å få den kortere strengen som brukerne har skrevet inn

• Nummer inntasting: Brukes til å få et tall skrevet av brukere.

• Redigerbar tekst: Brukes til å vise en streng og bytt til en redigeringsmodus når du klikker.

• Tekstboks inntasting: brukes for å få den lange strengen lagt inn av brukere

• Laster opp: Brukes til å velge lokale filer og analysere dem til base64-data. Klikk her for å lære mer om opplasting

• Kommer snart
  • Opptak
  • Glidebryter
  • Range slider
  • Rik tekst inndata
  • JSON editor

​

Velg inndata

• Bryter: En bryter som kan returnere sann eller usann

• Velg: Vis alle valg i rullegardinlisten og tillat brukere å velge

• Radiogruppe: Vis alle valg og tillat brukerne å velge en av dem

• Avmerkingsboksgruppe: Vis alle valg og tillat brukere å velge flere valg

• Overlast: Brukes til å vise og velge et sett med tilhørende datasett

• Radioknapp: Vis alle alternativer i en knappstil. Tillat brukere å velge en av dem.

• Kommer snart
  • Flere velger
  • Velg tre

​

Brukerdata for kalender

• Dato: Brukes til å angi en dato. Tillat egendefinert dataformat.

• Datointervall: Brukes til å angi et datointervall. Tillat egendefinert dataformat.

• Datotid: Brukes til å angi en dato og et klokkeslett. Tillat egendefinert dataformat.

• Kommer snart
  • Tid

​

Presentasjon

• Tekst: Den er brukt til å vise strenger og kan motta dynamisk data av JavaSript. Støtt markdown-syntaks. Klikk her for å lære mer om det.

• Bilde: Brukes til å vise bilder. Bildekilden kan være en URL eller base64-data.

• Knapp: Klikk for å utløse tilsvarende forretningslogikk

• Ikon: Brukes til å uttrykke handlinger, tilstand, kategorisere data og utløse hendelser ved klikk

• Statistikk: Brukes til å vise statistiske tall

• Vurdering: Brukes til å angi eller vise vurderinger

• Linje pågår: Brukes til å vise fremdrift

• Sirkel pågår: Brukes til å vise fremdriften

• Tidslinje: Brukes til å vise informasjon om tidsflyt, vanligvis opptak av hendelser i tid ved flashback, sporing av hva brukeren gjør nå og hva han har gjort tidligere.

• Dividere: Brukes til å skille annet innhold

• Faner: Faner kategorisert innhold, for å kunne presentere store mengder informasjon i et begrenset område. Brukere kan enkelt bytte blant fanepaneler uten å overføre fra en side til en annen

• Meny: Brukes til å vise sidestruktur, kontrollere sidehopp eller utløse andre hendelser

• Inneholder: Gruppér komponenter i oppgavelapper som støtter flere visninger. Klikk her for å lære mer

• Form: Legg dataene til inndatakomponentene i et objekt som verdien av formkomponenten, som kan sendes direkte til API en

• Liste: Tilpass komponenter i listen og vise dataene

• Modell: Vise data eller utføre operasjoner gjennom et flytende lag, noe som gjør brukergrensesnitt mer vennlig

• PDF: Støtte opp en PDF URL eller base64 kodede data

• Video: Støtt de fleste videotjenester eller en direkte lenke til en vanlig videofiltype.

• Karusell: Bildets karusell.

• Kommer snart
  • Lyd
  • Skritt
  • Sammenleggbar
  • Kartboks

​

Data

• Figur: Visualiser dine data, støtteknappe, linjediagram, spredningskart, pie-diagram. Klikk her for å lære mer om det.

• Tabell: En vanlig måte å se på og samhandle med dine data. Du kan sortere, filtre, paginere og laste ned informasjonsrader. Tabellene støtter også radutvalg og egendefinerte kolonner. Klikk her for å lære mer om det.

​

Søk etter en komponent

Du kan klikke på SETTE-fanen i høyre panel for å komme inn på komponentlisten. Skriv inn komponentnavnet og søk etter komponenten gjennom inntastingsboksen ovenfor.

​

Bruk hendelsesbehandler til å utløse hendelser

Når du tar knappen komponenten som et eksempel, du kan angi en hendelsesbehandler for komponenten ved hjelp av et bilde som er vist å utløse en handling eller kontrollere andre komponenter osv. Når du klikker på en komponent, eller når dataene til komponenten endrer seg, kan tilsvarende hendelser utløses.

​

Bruk komponentdataene i handlinger

Du kan bruke data om komponenter i handlinger eller andre komponenter. Du kan bruke {{input1.value}} for å få den angitte verdien i komponenten ved å ta input komponenten som et eksempel. Forskjellige komponenter kan ha ulike dataformater. Vennligst se dataformatene gjennom venstre panel.