- <div id="cfg-Ext.form.FieldSet-activeItem"></div>/**
- * @cfg {String/Number} activeItem
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-applyTo"></div>/**
- * @cfg {Mixed} applyTo
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-bodyBorder"></div>/**
- * @cfg {Boolean} bodyBorder
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-border"></div>/**
- * @cfg {Boolean} border
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-bufferResize"></div>/**
- * @cfg {Boolean/Number} bufferResize
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-collapseFirst"></div>/**
- * @cfg {Boolean} collapseFirst
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-defaultType"></div>/**
- * @cfg {String} defaultType
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-disabledClass"></div>/**
- * @cfg {String} disabledClass
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-elements"></div>/**
- * @cfg {String} elements
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-floating"></div>/**
- * @cfg {Boolean} floating
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-footer"></div>/**
- * @cfg {Boolean} footer
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-frame"></div>/**
- * @cfg {Boolean} frame
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-header"></div>/**
- * @cfg {Boolean} header
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-headerAsText"></div>/**
- * @cfg {Boolean} headerAsText
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-hideCollapseTool"></div>/**
- * @cfg {Boolean} hideCollapseTool
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-iconCls"></div>/**
- * @cfg {String} iconCls
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-shadow"></div>/**
- * @cfg {Boolean/String} shadow
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-shadowOffset"></div>/**
- * @cfg {Number} shadowOffset
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-shim"></div>/**
- * @cfg {Boolean} shim
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-tbar"></div>/**
- * @cfg {Object/Array} tbar
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-tools"></div>/**
- * @cfg {Array} tools
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-toolTemplate"></div>/**
- * @cfg {Ext.Template/Ext.XTemplate} toolTemplate
- * @hide
- */
- <div id="cfg-Ext.form.FieldSet-xtype"></div>/**
- * @cfg {String} xtype
- * @hide
- */
- <div id="prop-Ext.form.FieldSet-header"></div>/**
- * @property header
- * @hide
- */
- <div id="prop-Ext.form.FieldSet-footer"></div>/**
- * @property footer
- * @hide
- */
- <div id="method-Ext.form.FieldSet-focus"></div>/**
- * @method focus
- * @hide
- */
- <div id="method-Ext.form.FieldSet-getBottomToolbar"></div>/**
- * @method getBottomToolbar
- * @hide
- */
- <div id="method-Ext.form.FieldSet-getTopToolbar"></div>/**
- * @method getTopToolbar
- * @hide
+<span id='Ext-form-FieldSet-method-createCheckboxCmp'> /**
+</span> * Creates the checkbox component. This is only called internally, but could be overridden in subclasses to
+ * customize the checkbox's configuration or even return an entirely different component type.
+ * @return Ext.Component
+ * @protected
+ */
+ createCheckboxCmp: function() {
+ var me = this,
+ suffix = '-checkbox';
+
+ me.checkboxCmp = Ext.create('Ext.form.field.Checkbox', {
+ getElConfig: function() {
+ return {
+ tag: Ext.isGecko3 ? 'span' : 'div',
+ id: me.checkboxCmp.id,
+ cls: me.checkboxCmp.cls
+ };
+ },
+ name: me.checkboxName || me.id + suffix,
+ cls: me.baseCls + '-header' + suffix,
+ checked: !me.collapsed,
+ listeners: {
+ change: me.onCheckChange,
+ scope: me
+ }
+ });
+ return me.checkboxCmp;
+ },
+
+<span id='Ext-form-FieldSet-property-toggleCmp'> /**
+</span> * @property {Ext.panel.Tool} toggleCmp
+ * Refers to the {@link Ext.panel.Tool} component that is added as the collapse/expand button next to the title in
+ * the legend. Only populated if the fieldset is configured with {@link #collapsible}:true.