Ext.js - Layouts
Layout ist die Art und Weise, wie die Elemente in einem Container angeordnet sind. Es kann horizontal, vertikal oder beliebig sein. Ext JS hat ein anderes Layout in seiner Bibliothek definiert, aber wir können auch immer benutzerdefinierte Layouts schreiben.
Sr.Nr. | Layout & Beschreibung |
---|---|
1 | Absolut Dieses Layout ermöglicht das Positionieren der Elemente mithilfe von XY-Koordinaten im Container. |
2 | Akkordeon Dieses Layout ermöglicht es, alle Elemente stapelweise (übereinander) im Container zu platzieren. |
3 | Anker Dieses Layout gibt dem Benutzer die Berechtigung, die Größe jedes Elements in Bezug auf die Containergröße anzugeben. |
4 | Rand In diesem Layout sind verschiedene Bedienfelder verschachtelt und durch Ränder getrennt. |
5 | Auto Dies ist das Standardlayout, das das Layout der Elemente basierend auf der Anzahl der Elemente festlegt. |
6 | Karte (TabPanel) Dieses Layout ordnet verschiedene Komponenten in Registerkartenform an. Über dem Container werden Registerkarten angezeigt. Jedes Mal ist nur eine Registerkarte sichtbar und jede Registerkarte wird als eine andere Komponente betrachtet. |
7 | Karte (Assistent) In diesem Layout wird jedes Mal, wenn die Elemente für den vollen Containerraum verwendet werden. Im Assistenten befindet sich eine untere Symbolleiste für die Navigation. |
8 | Säule Dieses Layout soll mehrere Spalten im Container anzeigen. Wir können eine feste oder prozentuale Breite für die Spalten definieren. Die prozentuale Breite wird basierend auf der vollen Größe des Containers berechnet. |
9 | Passen In diesem Layout ist der Container mit einem einzelnen Feld gefüllt. Wenn für das Layout keine besonderen Anforderungen bestehen, wird dieses Layout verwendet. |
10 | Tabelle Wie der Name schon sagt, ordnet dieses Layout die Komponenten in einem Container im HTML-Tabellenformat an. |
11 | vBox Durch dieses Layout kann das Element vertikal verteilt werden. Dies ist eines der am häufigsten verwendeten Layouts. |
12 | hBox Durch dieses Layout kann das Element horizontal verteilt werden. |