Dynamic Form interacting with an embedded Grid

This Form demonstrates the fact that by virtue of inheriting from the Ext Container class, an Ext.form.Panel can contain any Ext Component. This includes all the subclasses of Ext.Panel, including the GridPanel.

The Grid demonstrates the use of creation of derived fields in a Record created using a custom convert function, and the use of column renderers.

The Form demonstrates the use of radio buttons grouped by name being set by the value of the derived 'rating' field.

Using a Grid with a Form

3m Co
71.72
0.02
0.03%
09/01/2025
B
Alcoa Inc
29.01
0.42
1.47%
09/01/2025
A
Altria Group Inc
83.81
0.28
0.34%
09/01/2025
B
American Express Company
52.55
0.01
0.02%
09/01/2025
B
American International Group, Inc.
64.13
0.31
0.49%
09/01/2025
B
AT&T Inc.
31.61
-0.48
-1.54%
09/01/2025
C
Boeing Co.
75.43
0.53
0.71%
09/01/2025
B
Caterpillar Inc.
67.27
0.92
1.39%
09/01/2025
A
Citigroup, Inc.
49.37
0.02
0.04%
09/01/2025
B
E.I. du Pont de Nemours and Company
40.48
0.51
1.28%
09/01/2025
A
Exxon Mobil Corp
68.1
-0.43
-0.64%
09/01/2025
C
General Electric Company
34.14
-0.08
-0.23%
09/01/2025
C
General Motors Corporation
30.27
1.09
3.74%
09/01/2025
A
Hewlett-Packard Co.
36.53
-0.03
-0.08%
09/01/2025
C
Honeywell Intl Inc
38.77
0.05
0.13%
09/01/2025
B
Intel Corporation
19.88
0.31
1.58%
09/01/2025
A
International Business Machines
81.41
0.44
0.54%
09/01/2025
B
Johnson & Johnson
64.72
0.06
0.09%
09/01/2025
B
JP Morgan & Chase & Co
45.73
0.07
0.15%
09/01/2025
B
McDonald's Corporation
36.76
0.86
2.4%
09/01/2025
A
Merck & Co., Inc.
40.96
0.41
1.01%
09/01/2025
A
Microsoft Corporation
25.84
0.14
0.54%
09/01/2025
B
Pfizer Inc
27.96
0.4
1.45%
09/01/2025
A
The Coca-Cola Company
45.07
0.26
0.58%
09/01/2025
B
The Home Depot, Inc.
34.64
0.35
1.02%
09/01/2025
A
The Procter & Gamble Company
61.91
0.01
0.02%
09/01/2025
B
United Technologies Corporation
63.26
0.55
0.88%
09/01/2025
B
Verizon Communications
35.57
0.39
1.11%
09/01/2025
A
Wal-Mart Stores, Inc.
45.45
0.73
1.63%
09/01/2025
A
Company details