Powiązanie
Powiązanie danych
Na karcie właściwości
Ogólne można ustawiać i modyfikować powiązanie danych
widoku. Widok Odsyłacz można powiązać
ze zmienną typu Wartość boolowska. W przypadku powiązania wartość zmiennej jest ustawiana na true po kliknięciu odsyłacza.
Za pomocą widoku Odsyłacz można utworzyć odsyłacz do zewnętrznej strony WWW albo odwołanie do innego widoku lub innej sekcji w obrębie tej samej strony lub tego samego widoku (np. odsyłacz w obrębie tabeli).
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ść konfiguracyjna wyglądu | Opis | Typ danych |
|---|---|---|
Szerokość ![]() |
Służy do podawania szerokości tekstu odsyłacza, która jest wyrażana w pikselach (px), jako wartość procentowa (%) lub w firetach (em). Na przykład: 50px, 20%lub 0.4em. Jeśli nie jest podany typ jednostki, domyślnie używana jest jednostka px (piksele). | String |
Wyrównanie tekstu ![]() |
Służy do podawania wyrównania tekstu odsyłacza w odniesieniu do szerokości widoku. Dostępne opcje to: Left, Centeri Right. | String |
| Styl koloru | Służy do podawania stylu koloru elementu Odsyłacz. Kolory odpowiadają zmiennym w podanej kompozycji. To ustawienie ma zastosowanie tylko do tekstu – nie ma zastosowania do etykiety. | String |
| Styl wielkości | Służy do podawania wielkości tekstu. To ustawienie ma zastosowanie zarówno do etykiety, jak i do tekstu. | String |
| Grubość tekstu | Służy do podawania grubości tekstu. To ustawienie ma
zastosowanie tylko do tekstu – nie ma zastosowania do etykiety.
|
String |
Rozmieszczanie etykiet ![]() |
Służy do podawania położenia etykiety względem tekstu. Dostępne opcje to Top i Left. Należy pamiętać, że umieszczenie etykiety po lewej stronie powoduje zmianę podanej szerokości odsyłacza. |
String |
Szerokość etykiety ![]() |
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 |
| Właściwość konfiguracyjna zachowania | Opis | Typ danych |
|---|---|---|
| Indeks przechodzenia | Indeks w sekwencji przechodzenia (przy użyciu klawisza Tab). 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 |
| Tekst odsyłacza | Służy do podawania tekstu odsyłacza. | String |
| Zapobiegaj wielokrotnym kliknięciom | Służy do blokowania użytkownikom możliwości kliknięcia odsyłacza więcej niż jeden raz. Ta właściwość ma zastosowanie tylko do odsyłaczy typu Zdarzenie graniczne. | Boolean |
| Typ powiązania | Służy do podawania typu odsyłacza. Dostępne opcje to:
|
String |
| Adres URL odsyłacza | Adres URL odsyłacza. Ta właściwość ma zastosowanie tylko do odsyłaczy typu Adres URL. | String |
| Otwórz w tym samym oknie | Otwiera stronę WWW o adresie URL z tej samej domeny w tym samym oknie przeglądarki. Ta właściwość ma zastosowanie tylko do odsyłaczy typu Adres URL i otwiera adresy URL znajdujące się w tej samej domenie. | Boolean |
Przykład
- W odpowiednim miejscu strony dodaj widok Odsyłacz, a
następnie ustaw następujące właściwości konfiguracyjne odsyłacza:
- W obszarze Behavior(Zachowanie) w polu Link text (Tekst odsyłacza) wpisz wartość Take me to IBM Support, w polu Link type (Typ łącza) ustaw wartość URL, a następnie w polu Link URL(Adres URL odsyłacza) wpisz wartość https://www.ibm.com/support . Pozostaw niezaznaczone pole Otwórz w tym samym oknie.
- W sekcji Wyglądustaw opcję Wyrównanie tekstu do Left, Styl kolorów do Muted, Styl wielkości do Large, Waga tekstu do Slimi Rozmieszczanie etykiet na Top.
- Zapisz zmiany.
W wyniku wykonania tych czynności w czasie wykonywania zostanie utworzony jasnoszary odsyłacz z tekstem „Przejdź do działu wsparcia IBM”. Po kliknięciu odsyłacz przenosi użytkownika do portalu IBM Support .
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ść konfiguracyjna formuły | Opis | Typ danych |
|---|---|---|
| Formuła wyznaczania tekstu | Formuła lub wyrażenie służące do wyznaczania tekstu
odsyłacza. Więcej informacji na temat formuł zawiera sekcja Formuły. |
String |
Widok Odsyłacz ma następujące typy procedur obsługi zdarzeń:
- On load: aktywowano podczas ładowania strony. Na przykład:
me.setText("Link to Google") - On click: Activated po kliknięciu odsyłacza przed opuszczeniem strony. Jeśli wartościowane wyrażenie zwróci wartość
false, kliknięcie nie spowoduje uruchomienia zdarzenia granicznego. Na przykład:return me.getText() != "" - On boundary event: Aktywowane, gdy przepływ osiągnie zdarzenie pozostania na stronie po wyzwolenie zdarzenia granicznego przez widok Odsyłacz. Więcej informacji na ten temat zawiera opis właściwości context.trigger() w temacie Obiekt kontekstu widoku formatki . Na przykład:
me.setColorStyle("G")
W zależności od konkretnego zdarzenia można użyć logiki JavaScript, aby zmodyfikować efekty działania widoku. Więcej informacji na temat używania zdarzeń z widokami znajduje się w temacie Zdarzenia zdefiniowane przez użytkownika.
metody
Szczegółowe informacje na temat dostępnych metod dla odsyłacza można znaleźć w publikacji Odsyłacz JavaScript API.
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.