Ext.js Tutorial
Ext.js Useful Resources
Selected Reading
- Ext.js - Methods
- Ext.js - Debugging Code
- Ext.js - Accessibility
- Ext.js - Localization
- Ext.js - Drawing
- Ext.js - Style
- Ext.js - Fonts
- Ext.js - Data
- Ext.js - Custom Events and Listeners
- Ext.js - Themes
- Ext.js - Drag & Drop
- Ext.js - Components
- Ext.js - Layouts
- Ext.js - Containers
- Ext.js - Class System
- Ext.js - First Program
- Ext.js - Architecture
- Ext.js - Naming Convention
- Ext.js - Environment Setup
- Ext.js - Overview
- Ext.js - Home
Ext.js Useful Resources
Selected Reading
- Who is Who
- Computer Glossary
- HR Interview Questions
- Effective Resume Writing
- Questions and Answers
- UPSC IAS Exams Notes
Ext.js - Layouts
Ext.js - Layouts
Layout is the way the elements are arranged in a container. It can be horizontal, vertical, or any other. Ext JS has a different layout defined in its pbrary but we can always write custom layouts as well.
| Sr.No | Layout & Description |
|---|---|
| 1 |
This layout allows to position the items using XY coordinates in the container. |
| 2 |
This layout allows to place all the items in stack fashion (one on top of the other) inside the container. |
| 3 |
This layout gives the privilege to the user to specify the size of each element with respect to the container size. |
| 4 |
In this layout various panels are nested and separated by borders. |
| 5 |
This is the default layout that decides the layout of the elements based on the number of elements. |
| 6 |
This layout arranges different components in tab fashion. Tabs will be displayed on top of the container. Every time only one tab is visible and each tab is considered as a different component. |
| 7 |
In this layout, every time the elements come for full container space. There is a bottom tool bar in the wizard for navigation. |
| 8 |
This layout is to show multiple columns in the container. We can define a fixed or percentage width to the columns. The percentage width will be calculated based on the full size of the container. |
| 9 |
In this layout, the container is filled with a single panel. When there is no specific requirement related to the layout, then this layout is used. |
| 10 |
As the name imppes, this layout arranges the components in a container in the HTML table format. |
| 11 |
This layout allows the element to be distributed in a vertical manner. This is one of the most used layout. |
| 12 |
This layout allows the element to be distributed in a horizontal manner. |