<div class="body-wrap">        <div class="top-tools">            <a class="inner-link" href="#Ext.form.CheckboxGroup-props"><img src="ext-2.0/resources/images/default/s.gif" class="item-icon icon-prop">Properties</a>            <a class="inner-link" href="#Ext.form.CheckboxGroup-methods"><img src="ext-2.0/resources/images/default/s.gif" class="item-icon icon-method">Methods</a>            <a class="inner-link" href="#Ext.form.CheckboxGroup-events"><img src="ext-2.0/resources/images/default/s.gif" class="item-icon icon-event">Events</a>                            <a class="inner-link" href="#Ext.form.CheckboxGroup-configs"><img src="ext-2.0/resources/images/default/s.gif" class="item-icon icon-config">Config Options</a>                        <a class="bookmark" href="../docs/?class=Ext.form.CheckboxGroup"><img src="ext-2.0/resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a>        </div>                <div class="inheritance res-block"><pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a>  <img src="resources/elbow-end.gif"/><a ext:cls="Ext.Component" ext:member="" href="output/Ext.Component.html">Component</a>    <img src="resources/elbow-end.gif"/><a ext:cls="Ext.BoxComponent" ext:member="" href="output/Ext.BoxComponent.html">BoxComponent</a>      <img src="resources/elbow-end.gif"/><a ext:cls="Ext.form.Field" ext:member="" href="output/Ext.form.Field.html">Field</a>        <img src="resources/elbow-end.gif"/>CheckboxGroup</pre></div>                <h1>Class Ext.form.CheckboxGroup</h1>        <table cellspacing="0">            <tr><td class="label">Package:</td><td class="hd-info">Ext.form</td></tr>            <tr><td class="label">Defined In:</td><td class="hd-info">CheckboxGroup.js</td></tr>            <tr><td class="label">Class:</td><td class="hd-info">CheckboxGroup</td></tr>                        <tr><td class="label">Subclasses:</td><td class="hd-info"><a ext:cls="Ext.form.RadioGroup" href="output/Ext.form.RadioGroup.html">RadioGroup</a></td></tr>                                    <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.form.Field" ext:member="" href="output/Ext.form.Field.html">Field</a></td></tr>                    </table>        <div class="description">            A grouping container for <a ext:cls="Ext.form.Checkbox" href="output/Ext.form.Checkbox.html">Ext.form.Checkbox</a> controls.        </div>                <div class="hr"></div>                <a id="Ext.form.CheckboxGroup-configs"></a>        <h2>Config Options</h2>        <table cellspacing="0" class="member-table">            <tr>                <th class="sig-header" colspan="2">Config Options</th>                <th class="msource-header">Defined By</th>            </tr>                <tr class="config-row expandable">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-allowBlank"></a>            <b>allowBlank</b> : Boolean            <div class="mdesc">                        <div class="short">False to validate that at least one item in the group is checked (defaults to true). If no items are selected at vali...</div>            <div class="long">                False to validate that at least one item in the group is checked (defaults to true). If no items are selected at validation time, {@link @blankText} will be used as the error text.            </div>                        </div>        </td>        <td class="msource">CheckboxGroup</td>    </tr>        <tr class="config-row inherited alt">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-allowDomMove"></a>            <b>allowDomMove</b> : Boolean            <div class="mdesc">                            Whether the component can move the Dom node when rendering (defaults to true).                        </div>        </td>        <td class="msource"><a ext:cls="Ext.Component" ext:member="#allowDomMove" href="output/Ext.Component.html#allowDomMove">Component</a></td>    </tr>        <tr class="config-row inherited expandable">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-applyTo"></a>            <b>applyTo</b> : Mixed            <div class="mdesc">                        <div class="short">The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in the document ...</div>            <div class="long">                The id of the node, a DOM node or an existing Element corresponding to a DIV that is already present in the document that specifies some structural markup for this component. When applyTo is used, constituent parts of the component can also be specified by id or CSS class name within the main element, and the component being created may attempt to create its subcomponents from that markup if applicable. Using this config, a call to render() is not required. If applyTo is specified, any value passed for <a ext:cls="Ext.Component" ext:member="renderTo" href="output/Ext.Component.html#renderTo">renderTo</a> will be ignored and the target element's parent node will automatically be used as the component's container.            </div>                        </div>        </td>        <td class="msource"><a ext:cls="Ext.Component" ext:member="#applyTo" href="output/Ext.Component.html#applyTo">Component</a></td>    </tr>        <tr class="config-row inherited alt expandable">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-autoCreate"></a>            <b>autoCreate</b> : String/Object            <div class="mdesc">                        <div class="short">A DomHelper element spec, or true for a default element spec (defaults to {tag: "input", type: "text", size: "20", au...</div>            <div class="long">                A DomHelper element spec, or true for a default element spec (defaults to {tag: "input", type: "text", size: "20", autocomplete: "off"})            </div>                        </div>        </td>        <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#autoCreate" href="output/Ext.form.Field.html#autoCreate">Field</a></td>    </tr>        <tr class="config-row inherited expandable">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-autoShow"></a>            <b>autoShow</b> : Boolean            <div class="mdesc">                        <div class="short">True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render...</div>            <div class="long">                True if the component should check for hidden classes (e.g. 'x-hidden' or 'x-hide-display') and remove them on render (defaults to false).            </div>                        </div>        </td>        <td class="msource"><a ext:cls="Ext.Component" ext:member="#autoShow" href="output/Ext.Component.html#autoShow">Component</a></td>    </tr>        <tr class="config-row alt">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-blankText"></a>            <b>blankText</b> : String            <div class="mdesc">                            Error text to display if the <a ext:cls="Ext.form.CheckboxGroup" ext:member="allowBlank" href="output/Ext.form.CheckboxGroup.html#allowBlank">allowBlank</a> validation fails (defaults to "You must select at least one item in this group")                        </div>        </td>        <td class="msource">CheckboxGroup</td>    </tr>        <tr class="config-row inherited">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-clearCls"></a>            <b>clearCls</b> : String            <div class="mdesc">                            The CSS class used to provide field clearing (defaults to 'x-form-clear-left')                        </div>        </td>        <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#clearCls" href="output/Ext.form.Field.html#clearCls">Field</a></td>    </tr>        <tr class="config-row inherited alt expandable">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-cls"></a>            <b>cls</b> : String            <div class="mdesc">                        <div class="short">An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be useful for a...</div>            <div class="long">                An optional extra CSS class that will be added to this component's Element (defaults to ''). This can be useful for adding customized styles to the component or any of its children using standard CSS rules.            </div>                        </div>        </td>        <td class="msource"><a ext:cls="Ext.Component" ext:member="#cls" href="output/Ext.Component.html#cls">Component</a></td>    </tr>        <tr class="config-row expandable">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-columns"></a>            <b>columns</b> : String/Number/Array            <div class="mdesc">                        <div class="short">Specifies the number of columns to use when displaying grouped checkbox/radio controls using automatic layout. This c...</div>            <div class="long">                Specifies the number of columns to use when displaying grouped checkbox/radio controls using automatic layout. This config can take several types of values: <ul><li><b>'auto'</b> : <p class="sub-desc">The controls will be rendered one per column on one row and the width of each column will be evenly distributed based on the width of the overall field container. This is the default.</p></li> <li><b>Number</b> : <p class="sub-desc">If you specific a number (e.g., 3) that number of columns will be created and the contained controls will be automatically distributed based on the value of <a ext:cls="Ext.form.CheckboxGroup" ext:member="vertical" href="output/Ext.form.CheckboxGroup.html#vertical">vertical</a>.</p></li> <li><b>Array</b> : Object<p class="sub-desc">You can also specify an array of column widths, mixing integer (fixed width) and float (percentage width) values as needed (e.g., [100, .25, .75]). Any integer values will be rendered first, then any float values will be calculated as a percentage of the remaining space. Float values do not have to add up to 1 (100%) although if you want the controls to take up the entire field container you should do so.</p></li></ul>            </div>                        </div>        </td>        <td class="msource">CheckboxGroup</td>    </tr>        <tr class="config-row inherited alt expandable">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-ctCls"></a>            <b>ctCls</b> : String            <div class="mdesc">                        <div class="short">An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for...</div>            <div class="long">                An optional extra CSS class that will be added to this component's container (defaults to ''). This can be useful for adding customized styles to the container or any of its children using standard CSS rules.            </div>                        </div>        </td>        <td class="msource"><a ext:cls="Ext.Component" ext:member="#ctCls" href="output/Ext.Component.html#ctCls">Component</a></td>    </tr>        <tr class="config-row inherited">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-disabled"></a>            <b>disabled</b> : Boolean            <div class="mdesc">                            Render this component disabled (default is false).                        </div>        </td>        <td class="msource"><a ext:cls="Ext.Component" ext:member="#disabled" href="output/Ext.Component.html#disabled">Component</a></td>    </tr>        <tr class="config-row inherited alt">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-disabledClass"></a>            <b>disabledClass</b> : String            <div class="mdesc">                            CSS class added to the component when it is disabled (defaults to "x-item-disabled").                        </div>        </td>        <td class="msource"><a ext:cls="Ext.Component" ext:member="#disabledClass" href="output/Ext.Component.html#disabledClass">Component</a></td>    </tr>        <tr class="config-row inherited">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-fieldClass"></a>            <b>fieldClass</b> : String            <div class="mdesc">                            The default CSS class for the field (defaults to "x-form-field")                        </div>        </td>        <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#fieldClass" href="output/Ext.form.Field.html#fieldClass">Field</a></td>    </tr>        <tr class="config-row inherited alt">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-fieldLabel"></a>            <b>fieldLabel</b> : String            <div class="mdesc">                            The label text to display next to this field (defaults to '')                        </div>        </td>        <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#fieldLabel" href="output/Ext.form.Field.html#fieldLabel">Field</a></td>    </tr>        <tr class="config-row inherited">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>        <td class="sig">        <a id="Ext.form.CheckboxGroup-focusClass"></a>            <b>focusClass</b> : String            <div class="mdesc">                            The CSS class to use when the field receives focus (defaults to "x-form-focus")                        </div>        </td>        <td class="msource"><a ext:cls="Ext.form.Field" ext:member="#focusClass" href="output/Ext.form.Field.html#focusClass">Field</a></td>    </tr>        <tr class="config-row inherited alt">        <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>