Ext.js Containers - Ext JS

What is the use of containers in ExtJS?

Containers

Container in Ext JS is a component where other containers or child components can be added. Containers have multiple layouts for arranging the components in the containers. Components can be added or removed from container and from its child elements. Ext.container.Container is the base class for all the containers in Ext JS.

containers

S.N.

Description

1

Components inside Container

Components inside Container example shows defining components inside container

2

Container inside container

Container inside container example shows defining container inside container with other components

There are different types of containers such as Ext.panel.Panel, Ext.form.Panel, Ext.tab.Panel and Ext.container.Viewport. Ext.container.Viewport is a frequently used container in Ext JS. Below are the examples which show how to use these containers.

S.N.

Type of Containers & Description

1

Ext.panel.Panel

Ext.panel.Panel example shows Ext.panel.Panel container

2

Ext.form.Panel

Ext.form.Panel example shows Ext.form.Panel container

3

Ext.tab.Panel

Ext.tab.Panel example shows Ext.tab.Panel container

4

Ext.container.Viewport

Ext.container.Viewport example shows Ext.container.Viewport container

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

Ext JS Topics