Projektowanie Apek - Widżet Wybór z drzewa

Wersja 2.2 wprowadza nowy widżet, który umożliwia zobrazowanie struktury danych (hierarchii) i wybór pojedynczego elementu z drzewa. Dzięki temu narzędziu użytkownicy mogą łatwo wybierać konkretne elementy z hierarchii i kategorii, co znacznie usprawnia zarządzanie danymi.

Zastosowanie widżetu

Widżet pozwala na powiązanie drzewa z innymi widżetami, takimi jak arkusz kalkulacyjny czy pojedyncze pole. Umożliwia to wyświetlenie dodatkowych informacji lub konkretnych wartości z hierarchii. Przedstawione rozwiązanie jest niezwykle przydatne w sytuacji, gdzie konieczne jest przedstawienie złożonych struktur danych.

Przykład struktury

Dzięki zastosowaniu powyższych trybów, użytkownicy mogą w prosty sposób zarządzać strukturą danych, wybierać konkretne elementy oraz wyświetlać dodatkowe informacje. 

Widżet - Wybór z drzewa

Właściwości widżetu

Po dodaniu widżetu 'Wybór z drzewa' należy we właściwościach, w polu 'Filtr', wpisać formułę lookup z nazwą tabeli, aby połączyć tabelę z widżetem drzewo.

Tryby widżetu

Widżet podzielony jest na dwa tryby, które umożliwiają różne podejście do prezentacji danych:

1. Tryb kategorie

Ten tryb umożliwia grupowanie rekordów według wartości z określonej kolumny, co jest szczególnie przydatne w sytuacjach, gdzie konieczne jest zorganizowanie danych w kategorie.

Tryb - kategorie

Formuła - określa regułę grupowania elementów na danym poziomie hierarchii. Rekordy dla których formuła zwróci tą samą wartość zastaną umieszczone w jednej kategorii. W formule można użyć nazwy kolumny w tabeli danych.

Ikona - nazwa ikony, która będzie wyświetlana obok elementu w drzewie. Można ją wybrać z listy, wpisać nazwę ikony lub zwrócić ją za pomocą formuł.

Styl tekstu- można określić wygląd elementu ustawiając za pomocą jednego ze zdefiniowanych styli, lub stworzyć własny.

Styl ikony - możemy określić styl ikony ze zdefiniowanych styli lub stworzyć własny

Widżet - Wybór z drzewa przy trybie kategorie widok w designerze

1) Przykład

Przykładowa tabela 

Tryb - Kategorie 

 

Widżet drzewo (zwinięty) - widok w instancji

Widżet drzewo (rozwinięty) - widok w instancji

2) Przykład

Tabela zawiera identyczną strukturę i dane jak powyżej. W tym przykładzie kategorie zostały wypisane w inny sposób.

Kategorie - dzial, stanowisko, imie

Rezultat widżetu 'Wybór z drzewa' z trybem kategorie 

Wyświetlanie wartości z drzewa w sekcji - tryb kategorie

Istnieje możliwość wyświetlenie elementów drzewa w sekcji arkusza kalkulacyjnego oraz w pojedynczym polu. Po kliknięciu na element drzewa, w sekcji arkusza pojawi się wartość zaznaczonego rekordu. Funkcjonalność ta działa podobnie jak układ master-detail.

Użycie formuł w designerze

Aby wyświetlić w arkuszu kalkulacyjnym lub w pojedynczym polu wartość z konkretnej kategorii drzewa, należy użyć w komórkę wpisać =nazwa_drzewa.level, gdzie level jest numerem odpowiadającym danej kategorii.

Jeśli w formule użyjemy wyłącznie =nazwa_drzewa, zostanie wyświetlona wartość z ostatniego poziomu kategorii. 

Wartość ta wyświetli się jednak dopiero wtedy, gdy użytkownik kliknie na ostatni poziom drzewa.

Wynik

W instancji po kliknięciu w drzewku na imię pracownika, zostanie ono wyświetlone w pierwszej komórce arkusza. W drugiej komórce formuła =section4.level2 zwróci wartość "Prezes", ponieważ drugą kategorią w drzewie jest "STANOWISKO".

2. Tryb rodzic/dziecko

Tryb hierarchiczny, służący do układania danych według zależności. W wynikowym drzewie każdy element odpowiada jednemu rekordowi. Ten tryb umożliwia przedstawienie złożonych relacji między danymi.

Tryb rodzic-dziecko

W widżecie drzewa w trybie rodzic-dziecko, mamy do czynienia z hierarchicznym wyświetlaniem danych. Każdy element musi mieć swój identyfikator oraz identyfikator rodzica.

Identyfikator -nazwa kolumny po której będziemy identyfikować poszczególne elementy w strukturze drzewa. W połączeniu z identyfikatorem rodzica, pozwala to na wyznaczanie hierarchii oraz struktury całego drzewa.

Identyfikator rodzica -nazwa kolumny w której jest podany identyfikator nadrzędnego wiersza w strukturze drzewa. Innymi słowy, identyfikator rodzica jest kluczem po którym zostaną połączone rekordy z tabeli.

Wyświetlana wartość - formuła wyświetlanej wartości. Elementy drzewa będą zawierać teksty zwrócone przez tą formułę.

Ikona - elementy drzewa będą zawierać ikony zwrócone przez tą formułę

Widżet - Wybór z drzewa przy trybie rodzic-dziecko w designerze

W tym przykładzie naszym identyfikatorem jest ID a identyfikatorem rodzica (czyli elementem nadrzędnym) jest PRZELOZONY_ID 

Przykładowe wartości - tryb rodzic-dziecko

Widżet drzewo w trybie rodzic-dziecko w instancji (zwinięty)

Widok widżetu 'Wybór z drzewa' z zastosowanie trybu rodzic-dziecko

Wyświetlanie wartości z drzewa w sekcji - tryb rodzic-dziecko

Istnieje możliwość wyświetlenia elementów drzewa w sekcji arkusza kalkulacyjnego oraz pojedynczego pola. Po kliknięciu na element drzewa, w sekcji wyświetli się wartość z zaznaczonego rekordu. Działa to podobnie jak sekcja master-detail.

Wypisywanie danych z drzewa do arkusza kalkulacyjnego

W trybie hierarchicznym możemy użyć formuły =nazwa_drzewa.path, która zwraca tablicę wartości z wszystkich poziomów z zaznaczonego wiersza. 

Aby wyciągnąć konkretne elementy z tablicy należy użyć np:

  • FIRST - Wyświetla pierwszy element danej gałęzi. Przykład: "Jan" został wyświetlony jako pierwszy element gałęzi.
  • LAST - Wyświetla ostatni element z danej gałęzi. Przykład: "Sylwia" została wyświetlona jako ostatni element gałęzi.
  • JOIN - skleja elementy z całej gałęzi w hierarchii z separatorem ",". Przykład: "Jan,Agata,Sylwia" pokazuje pełną strukturę od najwyższego do najniższego stanowiska w gałęzi.

Wynik przedstawiony wyżej formuł

Wyszukiwanie elementów w drzewie w instancji apki

Strzałki przy pasku wyszukania służą do zwijania i rozwijania struktury

Na górze widżetu znajduje się pasek wyszukiwania gdzie możemy wpisać nazwę element jaki chcemy wyszukać 

Style - wybór z drzewa

Sekcja:

    • Możemy wybrać styl z listy lub określić go za pomocą formuły
    • Nadanie obramowania - korzystając z opcji obramowania, możemy ustawić jego parametry (górne, dolne, lewe i prawe), wybierając odpowiedni kolor oraz zaokrąglone krawędzie
    • Nadanie cienia sekcji:
      • Dodając cień do sekcji, mamy możliwość dostosowania jego kol
  • Nagłówek
    • Możemy nadać styl nagłówka w sekcji, wybierając go z listy stylów lub wyliczając za pomocą formuł. Można również nadać obramowanie (górne, dolne, lewe, prawe) oraz zaokrąglić krawędzie. Dodatkowo możemy ustawić własny styl z belki formatowania i zapisać go.
  • Pasek wyszukiwania
    • Możemy wybrać styl z listy, ustawić kursywę tekstu wpisywanego w wyszukiwarce oraz jego kolor, a następnie zapisać go.
  • Pasek wyszukiwania - Placeholder
    • Możemy wybrać styl z listy, ustawić kursywę tekstu wpisywanego w wyszukiwarce oraz jego kolor, a następnie zapisać go.
  • Przycisk  
    • Możemy ustalić styl z listy lub za pomocą formuł, a także kolor przycisku znajdującego się po prawej stronie na górze obok paska wyszukiwania.
  • Przycisk (hover)
    • Możemy ustalić takie same style jak dla przycisku, ale będą one widoczne po najechaniu kursorem
  • Zawartość
    • Możemy nadać styl zawartości widżetu, wybierając styl z listy lub wyliczając go za pomocą formuł. Możemy również nadać kolor, ustawić obramowanie (górne, dolne, lewe, prawe).
  • Tekst elementu
    • Możemy nadać styl tekstu elementu, wybierając z listy stylów lub wyliczając go za pomocą formuł. Dodatkowo możemy ustawić własny styl z belki formatowania i zapisać go.
  • Tekst elementu (hover)
    • Możemy ustalić takie same style jak dla tekstu elementu, ale będą one widoczne po najechaniu kursorem.
  • Tekst wybranego elementu
    • Styl tekstu można uzyskać poprzez kliknięcie na daną wartość w drzewie. Możemy nadać styl z listy lub wyliczyć za pomocą formuł, a także ustawić kolor czcionki i tła.
  • Ikona elementu
    • Możemy ustawić styl z listy, wyliczyć go za pomocą formuł lub nadać kolor ikonie.
  • Ikona elementu (hover)
    • Możemy ustalić takie same style jak dla ikony elementu, ale będą one widoczne po najechaniu kursorem.
  • Ikona ostrzeżenia
    • W momencie wystąpienia ostrzeżenia w drzewie można nadać styl, wybierając go z listy, wyliczając za pomocą formuł lub nadając własny kolor ikonce.

Przy każdej właściwości stylu jest ikonka:

- dzięki której możemy zresetować ustawiony styl.

- dzięki której możemy zapisać wybrany styl.

Czy ten artykuł był pomocny?
Liczba użytkowników, którzy uważają ten artykuł za przydatny: 0 z 0
Masz więcej pytań? Wyślij zgłoszenie

0 Komentarze

Zaloguj się, aby dodać komentarz.
Oparte na technologii Zendesk