Ext.js - układy
Układ to sposób rozmieszczenia elementów w kontenerze. Może być poziomy, pionowy lub inny. Ext JS ma inny układ zdefiniowany w swojej bibliotece, ale zawsze możemy również napisać niestandardowe układy.
Sr.No | Układ i opis |
---|---|
1 | Absolutny Taki układ pozwala na pozycjonowanie elementów za pomocą współrzędnych XY w kontenerze. |
2 | Akordeon Taki układ pozwala na umieszczenie wszystkich elementów w stosie (jeden na drugim) wewnątrz pojemnika. |
3 | Kotwica Ten układ daje użytkownikowi przywilej określania rozmiaru każdego elementu w odniesieniu do rozmiaru kontenera. |
4 | Granica W tym układzie różne panele są zagnieżdżone i oddzielone granicami. |
5 | Automatyczny Jest to domyślny układ, który decyduje o układzie elementów na podstawie liczby elementów. |
6 | Karta (TabPanel) Ten układ rozmieszcza różne komponenty w sposób zakładkowy. Karty zostaną wyświetlone na górze kontenera. Za każdym razem widoczna jest tylko jedna karta, a każda karta jest traktowana jako inny składnik. |
7 | Karta (kreator) W tym układzie za każdym razem elementy zajmują pełną przestrzeń kontenerową. W kreatorze znajduje się dolny pasek narzędzi do nawigacji. |
8 | Kolumna Ten układ ma pokazywać wiele kolumn w kontenerze. Możemy zdefiniować stałą lub procentową szerokość kolumn. Procentowa szerokość zostanie obliczona na podstawie pełnego rozmiaru pojemnika. |
9 | Dopasowanie W tym układzie kontener jest wypełniony jednym panelem. Jeśli nie ma konkretnych wymagań związanych z układem, używany jest ten układ. |
10 | Stół Jak sama nazwa wskazuje, ten układ rozmieszcza komponenty w kontenerze w formacie tabeli HTML. |
11 | vBox Taki układ umożliwia rozmieszczenie elementu w pionie. To jeden z najczęściej używanych układów. |
12 | hBox Taki układ umożliwia rozmieszczenie elementu w sposób poziomy. |