Interaktywność

Ożyw stronę, czyli powiąż elementy z tagami, steruj stanami i wyglądem za pomocą wyrażeń i reaguj na kliknięcia.

Statyczny schemat staje się użyteczny, gdy jego elementy odzwierciedlają Twoje dane i pozwalają nimi sterować. Na stronie łączysz elementy z tagami na kilka sposobów.

Powiązania

Powiązanie łączy element lub jedną z jego właściwości z tagiem, dzięki czemu pokazuje wartość na żywo lub odzwierciedla stan tagu. Etykieta tekstowa może pokazywać wartość tagu, a wypełnienie kształtu może się za nią zmieniać.

Wyrażenia

Do wszystkiego, co wykracza poza bezpośrednie powiązanie, napisz wyrażenie, czyli krótki fragment kodu podobnego do JavaScriptu, który oblicza wartość lub warunek na podstawie jednego lub kilku tagów. Wyrażenia mogą formatować wartość, łączyć tagi lub wybierać kolor. Pełny zestaw dostępnych funkcji znajdziesz w dokumentacji wyrażeń edytora stron: odczyt i formatowanie wartości tagów, nawigacja, zapisywanie wartości i odczyt poziomu powiększenia u oglądającego.

Wyrażenie może sterować nie tylko tekstem etykiety. Wszędzie tam, gdzie panel właściwości pokazuje przycisk wyrażenia, wartość właściwości może być obliczana zamiast stała. Są cztery takie miejsca:

• tekst elementu;
• jego stan Widoczny, dzięki czemu części schematu pojawiają się tylko wtedy, gdy są istotne;
• stany symbolu: włączony, ręczny, pod napięciem, modulujący;
• akcja Kliknięcie.

Widoczność to jedyna właściwość wyglądu, która przyjmuje wyrażenie. Aby wypełnienie lub obrys zmieniały się zgodnie z danymi, użyj warunku.

Właściwość sterowana wyrażeniem jest zablokowana w panelu i informuje o tym, więc zawsze odróżnisz wartość obliczaną od wpisanej przez kogoś ręcznie.

Stany dynamiczne

Symbole urządzeń udostępniają stany, które wiążesz z tagiem lub wyrażeniem, dzięki czemu symbol odzwierciedla to, co robi instalacja:

• Włączony: element pracuje lub jest aktywny.
• Ręczny: element jest w trybie ręcznym.
• Pod napięciem: element jest pod napięciem.
• Modulujący: element moduluje zamiast być całkowicie otwarty lub zamknięty.

Gdy powiązana wartość jest prawdziwa, symbol się aktualizuje (wypełnia się, pokazuje obrys trybu ręcznego itp.). To, które stany są dostępne, zależy od symbolu. Zobacz Symbole urządzeń.

Warunki

Warunki zmieniają wygląd lub zachowanie elementu na podstawie wartości tagów, na przykład kolorując pompę, gdy pracuje, albo wyróżniając odczyt spoza zakresu. Warunek łączy wyrażenie z wyglądem, który ma zostać zastosowany, gdy wyrażenie jest prawdziwe.

Akcje kliknięcia

Sekcja Zdarzenia elementu zawiera akcję Kliknięcie, czyli wyrażenie uruchamiane, gdy operator kliknie element. Użyj jej, aby zapisać wartość do zapisywalnego tagu (coś włączyć, zmienić wartość zadaną) albo aby przejść do innego pulpitu, dokumentu, trendu lub adresu URL. Zapis jest możliwy tylko wtedy, gdy powiązany tag jest zapisywalny, a użytkownik ma odpowiednie uprawnienie.

Tagi nadające się do trendów

Element może deklarować tagi nadające się do trendów, czyli tagi, które reprezentuje, dzięki czemu ich dane są zbierane na potrzeby trendów i historii bez osobnego konfigurowania każdego z nich.

Deklarowanie ich ma jeszcze jedną zaletę: każdy, kto ogląda stronę, może utworzyć trend bezpośrednio z niej, wybierając tagi ze schematu zamiast z drzewa tagów. Pojawiają się tam tylko tagi nadające się do trendów, więc element bez zadeklarowanych tagów jest dla tej funkcji niewidoczny.