Ext.js - Containers

Containers

Container in Ext JS is the component where we can add other container or child components. These containers can have multiple layout to arrange the components in the containers. We can add or remove components from container and from its child elements. Ext.container.Container is the base class for all the containers in Ext JS.

S.N.	Description
1	Components inside Container This example shown how to define components inside container
2	Container inside container This example shown how to define container inside container with other components

There are various type of containers Ext.panel.Panel, Ext.form.Panel, Ext.tab.Panel and Ext.container.Viewport are frequently used containers in Ext JS. Below are the example which shows how to use these containers.

S.N.	Type of Containers & Description
1	Ext.panel.Panel This example shows a Ext.panel.Panel container
2	Ext.form.Panel This example shows a Ext.form.Panel container
3	Ext.tab.Panel This example shows a Ext.tab.Panel container
4	Ext.container.Viewport This example shows a Ext.container.Viewport container