What Is ExtJS ExtJS 4+ Extensions Examples Tutorials

3Dec/110

Fieldset /w Dynamic Controls (6)

Adding drop-down menu for the [+] "Add" button

In this example we'll add a drop-down menu to the [+] button and set up a simple combo box with a store:



VN:F [1.9.22_1171]
Rating: 6.0/10 (4 votes cast)
2Dec/110

Fieldset /w Dynamic Controls (5)

Adding [X] "Remove" button to an input

In this example we'll use some CSS magic and DOM manipulation to achieve the following layout. You might think this is easy to do with native layouts in ExtJS4, but I've found otherwise.

VN:F [1.9.22_1171]
Rating: 5.5/10 (2 votes cast)
2Dec/113

Fieldset /w Dynamic Controls (4)

Adding [+] "Add" button to fieldset

In this example we'll use some CSS magic to put a button in the upper right corner of the fieldset. The button will be a child of our fieldset, so that when you collapse/expand the fieldset, the button behaves appropriately.

VN:F [1.9.22_1171]
Rating: 7.0/10 (3 votes cast)
1Dec/110

Fieldset /w Dynamic Controls (3)

Basic Textfield Input Layout

In this example we put together the following layout that correctly grows vertically, as fields/errors are added:

VN:F [1.9.22_1171]
Rating: 6.0/10 (3 votes cast)
1Dec/110

Fieldset /w Dynamic Controls (2)

ExtJS 4.1 Update (5/21/2012)

Fieldset Icon

In this example you will get a gold nugget. ExtJS4 shipped without support for fieldsetĀ icons. This is most unfortunate, considering ExtJS 3 had them.

You will need the following "fix":

VN:F [1.9.22_1171]
Rating: 6.3/10 (4 votes cast)
Page 4 of 41234