What Is ExtJS ExtJS 4+ Extensions Examples Tutorials

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:

DEMO & SOURCE @ JSFIDDLE

JS

Ext.create('Ext.form.FieldSet',{
        title: 'Search Filter'
        , renderTo: Ext.getBody()
        , width: 300
        , collapsible: true
        , iconCls: 'icon-properties'
        , style: 'background-color: #F1F1F1; margin: 30px auto;'
        , defaults: { // applies to every "item" below
            xtype: 'textfield'
            , fieldLabel: 'Test'
            , msgTarget: 'under'
            , anchor: '-25'
            , allowBlank: false
        }
        , items: [
            {},{},{} // will use "defauts" configuration
        ]
    });

Next -> Adding [+] "Add" button to fieldset

VN:F [1.9.22_1171]
Rating: 6.0/10 (3 votes cast)
Fieldset /w Dynamic Controls (3), 6.0 out of 10 based on 3 ratings
Comments (0) Trackbacks (1)

Leave a comment

* Copy This Password *

* Type Or Paste Password Here *