EXTJS Examples - List by Category

EXTJS is the first website that have more than 1000 extjs examples.
You can just copy and paste the code and it will work. Most of the example we will have fiddle links.

Panel with docked component all sides

A simple example with a home panel with 5 components docked in all 4 sides and i...
DEMO
VBox Panel with 2 Forms

This example show you how to add two forms one below the other using vbox layout...
DEMO
Use calculate function to set panel size and position
This example gives an idea about how to use the calculate function to set the po...
DEMO
VBox with auto height panel

This example show you how to set the height of the panel to auto using the align...
DEMO
Panel with docked items

A simple example which show you how to dock or attach a component to any side of...
DEMO
Component stretch based on data

This example create a Panel that stretch baesd on the contents. This is done by ...
DEMO

First…
Previous…
1
Next…
Last…

EXAMPLE CATEGORIES
All (16)
Grid (2)
Layout (6)
Panel (8)

Random Examples`

Panel with docked component all sides
A simple example with a home panel with 5 components docked in all 4 sides and in the center of the panel
Layout

Panel with title and close button
This example show you how to create a extjs panel with close button using closable property set to true and a title.
Panel

VBox Panel with 2 Forms
This example show you how to add two forms one below the other using vbox layout. The top form is scrollable and the bottom panel is non scrollable.
Panel

Panel with docked items
A simple example which show you how to dock or attach a component to any side of the panel
Panel

Editable Property Grid
This example show you how to create a editable property grid. The editors used to edit the value is based on the values in the cell. For example for the date column is edited using the calendar editor.
Grid

Component stretch based on data
This example create a Panel that stretch baesd on the contents. This is done by setting the shrinkWrap config to true and set the layout alignment property to streatchmax.
Layout

Grid with grouping property
This example show you how to create a grid with grouping property. In this example the department proerty is set for grouping.
Grid

VBox with auto height panel
This example show you how to set the height of the panel to auto using the align property to 'stretch' and set the value of the compoent after some time using setTimeout function.
Panel

Use calculate function to set panel size and position
This example gives an idea about how to use the calculate function to set the position and size of the panel inside another panel
Layout

Show Panel In Split Button

Panel

Copyright 2014-2015 Alpha Omega Tech Solutions Inc. All right reserved.

Copyright 2013 bootstrappage template All right reserved.