Ext.js - Layout
Il layout è il modo in cui gli elementi sono disposti in un contenitore. Può essere orizzontale, verticale o qualsiasi altro. Ext JS ha un layout diverso definito nella sua libreria ma possiamo sempre scrivere anche layout personalizzati.
Suor n | Layout e descrizione |
---|---|
1 | Assoluto Questo layout consente di posizionare gli articoli utilizzando le coordinate XY nel contenitore. |
2 | Fisarmonica Questa disposizione consente di posizionare tutti gli articoli in pila (uno sopra l'altro) all'interno del contenitore. |
3 | Ancora Questo layout dà il privilegio all'utente di specificare la dimensione di ogni elemento rispetto alla dimensione del contenitore. |
4 | Confine In questo layout vari pannelli sono nidificati e separati da bordi. |
5 | Auto Questo è il layout predefinito che decide il layout degli elementi in base al numero di elementi. |
6 | Carta (TabPanel) Questo layout dispone diversi componenti in modo tab. Le schede verranno visualizzate nella parte superiore del contenitore. Ogni volta che è visibile solo una scheda e ogni scheda è considerata come un componente diverso. |
7 | Carta (guidata) In questo layout, ogni volta che gli elementi arrivano per lo spazio completo del contenitore. C'è una barra degli strumenti in basso nella procedura guidata per la navigazione. |
8 | Colonna Questo layout mostra più colonne nel contenitore. Possiamo definire una larghezza fissa o percentuale per le colonne. La larghezza percentuale verrà calcolata in base alle dimensioni complete del contenitore. |
9 | In forma In questo layout, il contenitore è riempito con un unico pannello. Quando non ci sono requisiti specifici relativi al layout, viene utilizzato questo layout. |
10 | tavolo Come suggerisce il nome, questo layout dispone i componenti in un contenitore nel formato tabella HTML. |
11 | vBox Questo layout consente di distribuire l'elemento in modo verticale. Questo è uno dei layout più utilizzati. |
12 | hBox Questo layout consente di distribuire l'elemento in modo orizzontale. |