Comutare

​

Componenta Comutator este un element de interfață a utilizatorului care permite utilizatorilor să comute între două state: “on” și “off”.

​

Proprietăți

​

Metodă

Puteţi utiliza alte componente pentru a controla componenta. Sprijinim următoarele trei metode:

• setValue

Pentru a seta valoarea selectată, de exemplu, {{‘value1’}}

• clearValue

Pentru a șterge valoarea selectată

• toggle

modificarea comutării de la starea “off” la starea “on” sau invers

Exemplu de utilizare:

Comutați suportul componentei care ascultă evenimentul onClick al altor componente folosind sistemul de evenimente încorporat. Configurează-l urmând acești pași exemplari:

1. Adăugați un declanșator al evenimentului la componenta pe care doriți să o ascultați. De exemplu, dacă doriţi să ascultaţi evenimentul onClick al unei componente buton, aţi adăuga un declanşator al evenimentului la acea componentă buton.
2. În gestionarul de editare a evenimentului, selectaţi componenta Control în acţiune, selectaţi componenta Switch pe care doriţi să o actualizaţi ca ţintă a evenimentului.
3. Alege acțiunea toggle. Când evenimentul este declanşat (adică când se dă click pe buton), componenta de comutator cu comutator va fi togled şi starea sa va fi actualizată.
4. Salvați setările de declanșare a evenimentului și repetați procesul pentru orice alte componente pe care doriți să le ascultați.

Odată ce ați setat declanșatorul evenimentului, comutatorul va fi actualizat automat ori de câte ori evenimentul onClick` este declanșat pe celelalte componente. Acest lucru vă permite să creați interfețe dinamice care răspund la intrarea utilizatorului în timp real, facilitarea navigării și interacțiunii cu aplicația dvs.

​

Gestionar de evenimente

​

Date

Componenta butonului are unele date utilizate în mod obișnuit, care pot fi apelate prin {{componentName.propertyName}} în aplicație.

​

Utilizare majusculă

Apoi, vom demonstra cum să schimbăm dinamic starea altor componente.

​

Pasul 1 Adaugă o Componentă

Mai întâi adăugăm componenta Switch şi o etichetăm ca ‘Ascunde’. Apoi folosim componenta text ca o componentă influențată care se schimbă de la ‘afișat’ la starea ‘ascunsă’. Îi schimbăm conținutul în ‘Salutare World’

​

Pasul 2 Configurează o componentă

În proprietatea Ascunsă pentru Text. Faceți clic pe pictograma fx pentru a putea controla starea ascunsă a componentei setând-o la fel ca valoarea comutatorului nostru folosind JavaScript:

{{switch1.value}}

Acum, ori de câte ori este activat comutatorul, valoarea pentru schimbare este true, textul va fi ascuns şi invers.

Comutați On

Comutaţi Off