- Painike
🧬 kootut osat
Painike
ContributeMikä on painike?
Painikkeen komponentin avulla käyttäjät voivat käynnistää toiminnon tai suorittaa funktion klikkaamalla painiketta.
Ominaisuudet
| Ominaisuudet | Kuvaus |
|---|---|
| Teksti | Painikkeelle näytettävä teksti |
| Tapahtuman Käsittely | Käynnistää kyselyt, hallita komponentteja tai soittaa muita API vastauksena komponenttitapahtumia. |
| Ladataan | Onko komponentissa käytettävä kuormitusindikaattoria. |
| Pois Käytöstä | Säädä tilaa, jossa osa on pois päältä. Komponenttia ei voi muokata tai tarkentaa, kun se on poistettu käytöstä. |
| Työkaluvihje | Käyttäjä voi syöttää komponentin työkaluvihjeen tähän. Työkaluvihje näytetään kun se on kohdistettu. Markdown-muoto on tuettu. |
| Hidden | Määritä dynaamisesti onko komponentti piilotettu. Voit muuttaa piilotettua tilaa dynaamisen boolean-arvon kautta. |
| Variantti | Salli käyttäjien valita kaksi eri tyylejä painikkeelle: täytä tai ääriviiva. |
| Teeman Väri | Salli käyttäjien määrittää painikkeen taustaväri ja läpinäkyvyys |
Tapahtuman käsittelijä
| Tapahtuma | Kuvaus |
|---|---|
| Click | Kun käyttäjä klikkaa tätä painiketta, suorita käyttäjien räätälöimä erityistoiminto. |
Tiedot
Komponentilla on joitakin yleisesti käytettyjä tietoja, joita voidaan soittaa sovelluksen kautta {{componentName.propertyName}} .
| Ominaisuuden nimi | Kuvaus |
|---|---|
| Väriteema | painikkeen taustaväri |
| poistettu käytöstä | a Boolean arvo ilmaisevat käytöstä poistetun tilan |
| näyttönimi | tämän komponentin nimi (ts. painike1) |
| hidden | a Boolean arvo ilmaisee painikkeen piilotetun tilan |
| hiddenDynaaminen | a Boolean arvo ilmaisee painikkeen piilotetun dynaamisen tilan |
| ladataan | latausarvo |
| teksti | tekstin arvo näytetään painikkeessa |
| tooltipText | työkaluvihjeen tekstin arvo |
| variantti | painikkeen variantti tyyli (täytä tai ulkoneva) |
Tapaus
Seuraavaksi osoitamme kuinka käyttää nappia form -komponentin hallitsemiseksi dynaamisesti.
Vaihe 1 Lisää toiminto
Olemme luoneet taulukon nimeltä countries, mukaan lukien 5 saraketta: num_code, alpha_2_code, alpha_3_code, en_short_name, nationality. Maiden nimet ovat sitä mitä haluamme käyttää vaihtoehtojen arvona, joka tallennetaan en_short_name sarakkeeseen.
Sitten voimme luoda Supabase uuden toiminnon toimintaluettelosta, jossa luetellaan kaikki tiedot maissa ja nimeltä supabasedb1
valitse erillinen en_short_name arvoksi "Maat" -järjestyksessä;Tämä on se, mitä meillä on seuraavanlaisena:
Napsauta Tallenna ja Suorita aktivoidaksesi tämän toiminnon.
Vaihe 2 Lisää komponentti
Ensin lisätään Lomake komponentti ja nimetään se ‘Survey’. Sitten vedämme Syöttökomponentin, valitse komponentin ja numeron syötteen komponentin lomakkeeseen, merkitsemme ne Nimi, Kansalaisuus, ja Ikä.
Me sitten karttaamme maat arvot valitaksemme komponentin
- kartoitettu tila, aseta tietolähteet olemaan
{{supabasedb1.data}} - määritetyssä valinnassa, aseta arvo olemaan
{{item.value}}
Sitten voimme määrittää Lähetä -painikkeen ohjataksemme Lähetä Lomake -komponentin menetelmää.
- Valitse Edit event handlerissa
Ohjauskomponenttitoiminnassa, valitseformkomponentti jonka haluat päivittää tapahtuman kohteeksi. - Valitse
Lähetä-toiminto.
