What Is ExtJS ExtJS 4+ Extensions Examples Tutorials

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)
30Nov/110

Fieldset /w Dynamic Controls (1)

Introduction

In the following ExtJS 4 example we will use native ExtJS controls and some DOM manipulation to achieve the following form. It is perfect for setting up sequential search filters, where for instance "AD Locked Out" value can have 3 possible values: true/false/do not query (if not present on form)

This tutorial series, each with with full source & demo on jsfiddle.net, will walk you through the following:

  • Fieldset icons (missing ExtJS4 feature!)
  • Basic textfield input layout
  • Adding [X] "Remove" button to an input
  • Adding [+] "Add" button to fieldset
  • Adding drop-down menu for the [+] "Add" button
  • Adding Controller
  • Adding various fields - dropdowns, date pickers, etc.
VN:F [1.9.22_1171]
Rating: 6.6/10 (5 votes cast)
Tagged as: , , No Comments
Page 3 of 3123