ILLA home page
  1. Přepínač

​

Přepínání komponenty je prvek uživatelského rozhraní, který umožňuje uživatelům přepínat mezi dvěma stavy: “zapnuto” a “vypnuto”.

​
Vlastnosti

VlastnostiPopis
Výchozí hodnotaPočáteční hodnota komponenty. Počáteční hodnotu můžete dynamicky změnit zadáním JavaScriptu v {{}}.
PopisekNázev pole zobrazeného uživateli
TitulekPopisek použitý k podrobnému popisu pole
Skrytý štítekNastavte, zda chcete zobrazit štítek
PoziceNastavte pozici štítku vzhledem k komponentě.
ZarovnáníNastavit zarovnání štítku
Zpracovatel událostíSpouštěcí dotazy, ovládací prvky nebo volání jiných API v reakci na události komponenty.
NačítáníZda má komponenta zobrazit indikátor načítání.
ZakázánoUrčuje, zda je zakázaná komponenta. Komponenta nemůže být upravena nebo zaměřena, pokud je zakázána.
Šipka nástrojeUživatel zde může zadat pomocný popisek. Nápověda bude zobrazena při zaostření. Formát Markdown je podporován.
HiddenDynamicky regulovat, zda je komponenta skrytá. Skrytý stav můžete změnit pomocí dynamické logické hodnoty.
Barva šablonyUmožňuje uživatelům určit barvu a průhlednost pozadí tlačítka

​
Metoda

K ovládání komponenty můžete použít jiné komponenty. Podporujeme tyto tři metody:

  • setValue

Pro nastavení vybrané hodnoty například {{‘value1’}}

VlastnostiL 343, 22.12.2009, s. 1).
HodnotaVybraná hodnota
  • clearValue

Vyčistit vybranou hodnotu

  • přepnout

změna přepínače ze stavu “vypnuto” na stav “zapnuto”, nebo naopak.

Příklad použití:

Přepnout podporu komponenty pro poslech události onClick ostatních komponent pomocí vestavěného systému událostí. Nastavte si pomocí následujících příkladů:

  1. Přidejte spouštěč události k komponentě, kterou chcete poslouchat. Například, pokud chcete poslouchat onClick událost komponenty tlačítka, přidáte událost k komponentě tlačítka.
  2. V obsluze události Editace vyberte Control component v akci, zvolte komponentu Switch, kterou chcete aktualizovat jako cíl události.
  3. Vyberte akci toggle. Při spuštění události (tj. po kliknutí na tlačítko) se přepínač přepíná a bude aktualizován jeho stav.
  4. Uložte nastavení spuštění události a opakujte proces pro všechny ostatní komponenty, které chcete poslouchat.

Jakmile nastavíte spouštěče událostí, přepínač se automaticky aktualizuje vždy, když dojde k události onClick na ostatních komponentách. To umožňuje vytvářet dynamická rozhraní, která reagují na vstup uživatele v reálném čase, usnadňuje uživatelům navigaci a komunikaci s vaší aplikací.

​
Manažer událostí

UdálostL 343, 22.12.2009, s. 1).
ZměnitPokud uživatel změní vybranou hodnotu volby, proveďte konkrétní akci přizpůsobenou uživateli.

​
Údaje

Komponenta tlačítka obsahuje některá běžně používaná data, která lze v aplikaci volat prostřednictvím {{componentName.propertyName}}.

Název vlastnostiL 343, 22.12.2009, s. 1).
barevné schémabarva pozadí tlačítka
zobrazované jménonázev této komponenty (tj. tlačítko1)
hiddenlogická hodnota udává skrytý stav tlačítka
štítekhodnota štítku
Zarovnat štítekzarovnání přepínače (vlevo nebo vpravo)
Pozice štítkuumístění přepínače (vlevo nebo vpravo)
Šířka štítkucelé číslo představující šířku štítku.
Štítek plnýlogická hodnota udává, zda je štítek plný.
hodnotaUživatel nastaví hodnotu na hodnotu true nebo false

​
Případ použití

Dále budeme demonstrovat, jak dynamicky změnit stav ostatních součástí.

​
Krok 1 Přidat komponentu

Nejprve přidáme komponentu Switch a označíme ji jako ‘Skryté’. Pak použijeme komponentu text jako ovlivněnou komponentu, která se mění z stavu ‘zobrazeno’ na ‘skryté’. Jeho obsah změníme na “Dobrý svět”

​
Krok 2 Konfigurace komponenty

V vlastnosti Skryté pro Text. Klikněte na ikonu fx, abychom mohli ovládat skrytý stav komponenty nastavením hodnoty přepínače pomocí JavaScriptu:

{{switch1.value}}

Když je přepínač zapnutý, hodnota přepínače je true, text bude skrytý a naopak.

Přepnout On

switch0

Přepnout Off

switch_off