Suwak
Służy do tworzenia suwaka z uchwytem, który można
przeciągnąć, aby zwiększyć lub zmniejszyć liczbę. Można
wybrać liczbę z zakresu liczb i podać wartość kroku, o którą ta liczba będzie
zwiększana lub zmniejszana po przesunięciu uchwytu.
Właściwości konfiguracyjne
W obszarze Konfiguracja można ustawić lub zmodyfikować właściwości wyglądu i zachowania widoku. W obszarze Zdarzenia można ustawić właściwości konfiguracyjne formuły.
- Wielkość ekranu
- Właściwość konfiguracyjna, na której znajduje się ikona Rozmiarów ekranu
obok nazwy właściwości, może mieć różne wartości dla każdej wielkości ekranu. Jeśli nie zostanie ustawiona wartość, wielkość ekranu dziedziczy wartość następnej większej wielkości ekranu jako swoją wartość domyślną.
- Definicje kompozycji
- Definicje kompozycji służą do podawania kolorów i stylów widoku oraz do określania jego wyglądu. W edytorze kompozycji można wyświetlić podgląd wyglądu i zachowania widoku. Patrz Kompozycje.
Właściwości konfiguracyjne wyglądu widoku Suwak znajdują się w poniższej tabeli:
| Właściwość konfiguracyjna wyglądu | Opis | Typ danych |
|---|---|---|
Pionowo ![]() |
Po wybraniu tej właściwości suwak jest wyświetlany pionowo, a nie poziomo. | Boolean |
| Styl koloru | Służy do podawania stylu koloru suwaka. Kolory odpowiadają zmiennym w podanej kompozycji. | String |
Wysokość ![]() |
Służy do podawania wysokości suwaka, która jest wyrażana w pikselach (px) lub w firetach (em). Jeśli nie jest podany typ jednostki, domyślnie używana jest jednostka px (piksele). | String |
Szerokość ![]() |
Służy do podawania szerokości suwaka, która jest wyrażana w pikselach (px), jako wartość procentowa (%) lub w firetach (em). Na przykład: 50px lub 20% lub 0.4em. Jeśli nie jest podany typ jednostki, domyślnie używana jest jednostka px (piksele). | String |
| Promień zaokrąglenia krawędzi | Służy do podawania promienia krzywizny narożników paska suwaka. | String |
Szerokość uchwytu ![]() |
Służy do podawania szerokości uchwytu, która jest wyrażana w pikselach (px) lub w firetach (em). Na przykład: 50px lub 0.4em. Jeśli nie jest podana żadna jednostka, domyślnie jest używana jednostka px (piksele). Należy unikać stosowania wartości procentowej (%). | String |
| Promień uchwytu | Służy do podawania promienia krzywizny narożników uchwytu. | String |
| Pokaż bieżącą wartość | Wyświetla bieżącą wartość suwaka, którą można zmienić poprzez wpisanie innej wartości. | Boolean |
| Pokaż wartości graniczne | Wyświetla wartość minimalną i maksymalną zakresu suwaka. | Boolean |
Właściwości konfiguracyjne zachowania widoku Suwak znajdują się w poniższej tabeli:
| Właściwość konfiguracyjna zachowania | Opis | Typ danych |
|---|---|---|
| Minimum | Służy do podawania wartości minimalnej w zakresie suwaka. | Decimal |
| Maksimum | Służy do podawania wartości maksymalnej w zakresie suwaka. | Decimal |
| Krok | Służy do podawania wartości kroku dla suwaka. | Decimal |
| Indeks przechodzenia | Służy do podawania indeksu w sekwencji przechodzenia (przy użyciu klawisza Tab) między elementami sterującymi formularza. Indeksy przechodzenia rozpoczynają się od 1 (niektórych indeksów może brakować). Na przykład: 1, 5, 10. Właściwość Indeks przechodzenia służy do decydowania o kolejności przechodzenia (za pomocą klawisza Tab) między obszarami interfejsu użytkownika. | Integer |
Zdarzenia
We właściwościach Zdarzenia można ustawiać i modyfikować właściwości konfiguracyjne formuły i procedury obsługi zdarzeń widoku. Zdarzenia mogą być uruchamiane w sposób programowy lub w wyniku interakcji użytkownika z widokiem. Informacje na temat definiowania zdarzeń i kodu zdarzeń zawiera sekcja Zdarzenia zdefiniowane przez użytkownika.Właściwości
konfiguracyjne formuły widoku Suwak znajdują się w poniższej tabeli:
| Właściwość konfiguracyjna formuły | Opis | Typ danych |
|---|---|---|
| Formuła wyznaczania wartości | Służy do podawania formuły lub wyrażenia do
automatycznego wyznaczania wartości suwaka dla widoku. Domyślnie
nie jest podawana żadna formuła. Więcej informacji na temat formuł zawiera sekcja Formuły. |
String |
Widok
Suwak ma następujące typy procedur obsługi zdarzeń:
- On load: aktywowano podczas ładowania widoku. Na przykład:
me.setValue(50) - On change: Aktywacja po zmianie wartości suwaka. Na przykład:
if (newVal > 50) {${icon}.setIcon("smile-o");} else {${icon}.setIcon("frown-o");}
metody
Szczegółowe informacje na temat dostępnych metod dla widoku Suwak można znaleźć w sekcji Interfejs API języka JavaScript suwaka.
Zasoby dodatkowe
Więcej informacji na temat sposobu tworzenia formatki lub strony zawiera sekcja Budowanie formatek.
Informacje na temat standardowych właściwości (Ogólne, Konfiguracja, Pozycjonowanie, Widocznośći Atrybuty HTML) można znaleźć w sekcji Właściwości widoku.