ILLA home page
  1. Rozhlasová skupina

Rádiová skupina, známá též jako skupina s jedinou volbou, nebo pouze rádiová skupina, je komponenta, která umožňuje uživatelům vybrat pouze jednu možnost ze seznamu předdefinovaných možností. Každá možnost ve skupině je zastoupena kruhovým tlačítkem, které mohou být vybrány nebo zrušeny uživateli. Pokud je vybrána jedna možnost, všechny dříve vybrané možnosti ve skupině jsou automaticky odebrány.

Rozhlasové skupiny se běžně používají ve webových formulářích, dialogových rámečcích, a další interaktivní aplikace, u nichž je třeba, aby si uživatelé vybrali z řady možností. Jsou užitečné pro předcházení chybám, ke kterým může dojít při výběru více možností omylem nebo zmatkem. Navíc, rádiová tlačítka jsou snadno použitelná a vizuálně intuitivní, což jim dělá populární výběr jak pro designéry, tak pro vývojáře.

Vlastnosti

Ruční možnosti

Přidat nové možnosti nebo ručně odstranit možnosti a nakonfigurovat možnosti jeden po druhém. Vlastnosti opcí jsou následující:

VlastnostiL 343, 22.12.2009, s. 1).
PopisekText zobrazený pro možnost
HodnotaHodnota spojená s možností
ZakázánoUrčuje, zda je volba pro výběr zakázána

Mapované možnosti

Můžete také přidat možnosti ze zdroje dat mapováním popisku a vlastností hodnoty do odpovídajících datových polí. Tímto způsobem můžete získat možnosti dynamicky z databáze. Na konci tohoto článku ukážeme, jak jej využít prostřednictvím příkladu.

VlastnostiL 343, 22.12.2009, s. 1).
Zdroj údajůNastavte zdroj dat možností
PopisekPomocí {{item}} nastavíte popisek možností
HodnotaPomocí {{item}} nastavíte hodnotu možností
ZakázánoPomocí {{item}} nastavíte, zda je volba zakázána pro výběr

Jiné vlastnosti

VlastnostiL 343, 22.12.2009, s. 1).
Výchozí hodnotaPočáteční hodnota komponenty. Počáteční hodnotu můžete dynamicky změnit zadáním JavaScriptu v {{}}.
Zástupný symbolHodnota bude zobrazena, když je vstupní pole prázdné.
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
WidthPokud je štítek na levé straně komponenty, nastavte poměr šířky štítku
Zpracovatel událostíSpouštěcí dotazy, ovládací prvky nebo volání jiných API v reakci na události komponenty.
ZakázánoUrčuje, zda je zakázaná komponenta. Komponenta nemůže být upravena nebo zaměřena, pokud je zakázána.
Pouze pro čteníUrčuje, zda je komponenta určena pouze pro čtení. Komponentu, která je určena pouze pro čtení, může být vybrána a zaměřena, ale nelze ji upravit.
Zobrazit tlačítko “Vyčistit”Nastavte, zda zobrazit tlačítko “Vyčistit”
Šipka nástrojeUživatelé zde mohou zadat pomocný nástroj. Nápověda bude zobrazena při zaostření. Formát Markdown je podporován.
Povinné polePlatné pouze při zapnutí přepínače
Vlastní pravidloVlastní pravidlo
Skrýt ověřovací zprávuChybová zpráva můžete skrýt přepnutím skrytého stavu, pokud je zadaná hodnota nesprávná. Skrytý stav můžete dynamicky změnit pomocí JavaScript.
Datový klíč formulářeZadejte klíč pro balicí komponentu při vytváření atributu dat.
HiddenDynamicky regulovat, zda je komponenta skrytá. Skrytý stav můžete změnit pomocí dynamické logické hodnoty.
Barva motivuVyberte barvu motivu komponenty

Metoda

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

nastavená hodnota

Pro nastavení vybrané volby například {{”value1”}}

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

clearValue

Vymazat vybrané možnosti

validate

Ověření, zda jsou vstupní informace legální

clearValidate

Pro vymazání zprávy o ověření

Manažer událostí

Podporujeme poslechnutí události onChange rádiové skupiny.

Když se změní vybraná možnost, může spustit zadanou akci. To znamená, že pokud uživatel zvolí jinou možnost než rádiovou skupinu, může být konkrétní akce provedena na základě zvolené možnosti. Například ve webové podobě, výběr jiné možnosti může spustit zobrazení různých polí formuláře nebo odeslání formuláře do jiného místa určení. Tímto způsobem může volba vybraná uživatelem ovlivnit chování softwaru nebo webové aplikace, kterou používá. Schopnost spustit konkrétní akce založené na vstupu uživatele je důležitým aspektem interaktivního návrhu softwaru a může zlepšit použitelnost a funkčnost softwaru.

Údaje

Komponenta má některá běžně používaná data, která lze volat přes {{componentName.propertyName}} v aplikaci.

Název vlastnostiL 343, 22.12.2009, s. 1).
hodnotaVybraná hodnota

Případ použití

Dále ukážeme, jak používat mapovaný režim k dynamickému získání možností.

Krok 1 Přidat akci

Vytvořili jsme tabulku selection, včetně 5 sloupců: options_en, options_jp, options_zh, options_kr, value. Hodnoty možností jsme uložili v hodnotě a uložili popisky možností v různých jazycích v jiných sloupcích.

Vytvořte akce pro zobrazení všech dat v selection s názvem postgresql1

vybrat * z výběru

Krok 2 Konfigurace komponenty

  1. Nastavte zdroje dat na {{postgresql1.data}}

  2. Nakonfigurujte štítek pro změnu štítku na základě jazyka.

    1. Pro nastavení sloupce použijte {{ item.columnName }}.
    2. Pomocí {{ currentUserInfo.language }} nastavíte jazyk uživatelů v ILLA.
    {{currentUserInfo.language=='ja-JP' ? item.options_jp 
    : currentUserInfo.language == 'ko-KR' ? item.options_kr 
    : currentUserInfo.language == 'zh-CN' ? item.options_zh 
    : item.options_en }}