ExtJS 4.0.7: Dynamic FieldSet with closable behavior

[khmurach]

    Ext.define('Ext.form.ClosableFieldSet', {        
        extend: 'Ext.form.FieldSet',
        alias: 'widget.closablefieldset',
        initLegend: function () {
            var me = this;
            me.callParent(arguments);
            if (!me.legend.closable) {
                me.legend.insert(1, Ext.widget('tool', {
                    type: 'close',

                    handler: me.onCloseClick,
                    scope: me
                }));
                me.legend.closable = true;
            }
        },
        onCloseClick: function () {
            if (this.ownerCt) {
                this.ownerCt.remove(this, true);
            }
        }
    });

Demo here http://ext4all.com/post/dynamic-fieldset-add-remove

[mitchellsimoens]

Moving to the Ext JS 4 Examples forum.

You shouldn't use Ext.define within Ext.onReady.