Grupa wejściowa

Edycja w trybie z połączeniem
Umożliwia użytkownikom dodawanie ikony, tekstu lub menu do widoków, które służą do wprowadzania dat, godzin, tekstu i innych danych wejściowych. Dostosowuje swoją wielkość do wielkości zawartego w nim widoku formularza.

Właściwości konfiguracyjne

W obszarze Konfiguracja można ustawić lub zmodyfikować właściwości konfiguracyjne widoku.

Wielkość ekranu
Właściwość konfiguracyjna, na której znajduje się ikona Rozmiarów ekranu Ikona wielkości 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 Grupa wejściowa znajdują się w poniższej tabeli:
Tabela 1. Właściwości konfiguracyjne wyglądu elementu Grupa wejściowa
Właściwość konfiguracyjna wyglądu Opis Typ danych
Szerokość Ikona wielkości ekranu Szerokość widoku. Szerokość jest wyrażana w następujących jednostkach: px (piksele), % (wartość procentowa) lub em (firety). Na przykład: 50 px, 20% lub 0,4 em. Jeśli nie jest podana żadna jednostka, domyślnie jest używana jednostka px (piksele). String
Rozmieszczanie etykiet Ikona wielkości ekranu Położenie etykiety widoku. Umieszczenie etykiety po lewej stronie zmienia podaną szerokość widoku. String
Szerokość etykiety Ikona dużego ekranu Szerokość etykiety. Szerokość jest wyrażana w następujących jednostkach: px (piksele), % (wartość procentowa) lub em (firety). Na przykład: 50 px, 20% lub 0,4 em. Jeśli nie jest podana żadna jednostka, domyślnie jest używana jednostka px (piksele). String
Styl koloru Styl koloru widoku. Kolory odpowiadają zmiennym w podanej kompozycji. String
Położenie przycisku Położenie przycisku względem pola. String
Typ przycisku Widok można utworzyć jako klikalną ikonę, pole tekstowe lub menu. W przypadku widoku Menu podręczne należy użyć opcji Menu. Więcej informacji na temat tego widoku zawiera sekcja Menu podręczne. String
Informacje o przycisku Nazwa ikony.

Pełna lista ikon znajduje się w sekcji Czcionka Awesome V4.7.0 .

 String

Przykład

Aby utworzyć grupę wejściową z ikoną kalkulatora obok pola wejściowego Liczba całkowita Obraz widoku liczby całkowitej, należy upuścić widok Liczba całkowita w widoku grupy wejściowej i ustawić opcje grupy wejściowej w następujący sposób:

  • Pole Szerokość pozostaw puste.
  • Ustaw opcję Rozmieszczenie etykiet na wartość Góra.
  • Ustaw opcję Styl kolorów na wartość Podstawowy.
  • W polu Położenie przycisku ustaw wartość Do lewej.
  • Ustaw opcję Typ przycisku na Ikona.
  • Ustaw opcję Informacje o przycisku na wartość calculator.

Konfigurowanie elementu Grupa wejściowa w sekcji tylko do odczytu

Jeśli grupa wejściowa jest zagnieżdżona w sekcji ustawionej na wartość read only, na przykład w układzie poziomym lub układzie pionowym, ikona staje się nieco ściemniejsza.
Obraz widoku Dim Integer
Ściemniona ikona może być niewygodna, jeśli inne widoki Ikona znajdujące się poza sekcją tylko do odczytu mają ten sam kolor. Aby mieć pewność, że kolor ikony nie zmieni się, gdy jest zagnieżdżony w sekcji tylko do odczytu, można ustawić procedurę obsługi zdarzeń produktu on load w taki sposób, aby używana była metoda setEnabled .
me.setEnabled(true)

Zdarzenia

Na karcie Zdarzenia można ustawiać i modyfikować 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.
Aby zmodyfikować efekty działania widoku, można użyć logiki JavaScript. W przypadku widoku Grupa wejściowa można aktywować następujące procedury obsługi zdarzeń:
  • On load podczas ładowania strony, na przykład me.setIcon("rocket");
  • On button click , gdy kliknięto ikonę używaną jako przycisk, na przykład ${PopupMenu1}.setMenuVisible(!${PopupMenu1}.isMenuVisible())

metody

Więcej informacji na temat dostępnych metod zawiera sekcja Interfejs API języka JavaScript grupy wejściowej.

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.

Więcej informacji na temat widoków wejściowych zawiera sekcja Zwykły tekst, Obszar tekstu, Piknik daty/godziny, Liczba całkowita.