May 09, 2021 Extjs
Containers in Ext JS are components that we can add to other containers or sub-components.
These containers can have multiple layouts to place parts in containers.
We can add or remove components from containers and their children.
Ext.container.Container is the base class for all containers in Ext JS.
Number | Describe |
---|---|
1 |
Components inside Container
This example shows how to define components within a container |
2 |
Container inside container
This example shows how to define containers within containers using other components |
There are various types of containers Ext.panel.Panel, Ext.form.Panel, Ext.tab.Panel and Ext.container.Viewport are frequently used containers in Ext JS. /b10> The following is an example showing how to use these containers.
Number | The container type and description |
---|---|
1 |
Ext.panel.Panel
This example shows an Ext.panel.Panel container |
2 |
Ext.form.Panel
This example shows an Ext.form.Panel container |
3 |
Ext.tab.Panel
This example shows an Ext.tab.Panel container |
4 |
Ext.container.Viewport
This example shows an Ext.container.Viewport container |