Upgrade to ExtJS 3.2.2 - Released 06/02/2010
[extjs.git] / docs / output / Ext.form.CheckboxGroup.html
index 84fed4e..eb2dc71 100644 (file)
@@ -39,102 +39,11 @@ element's parent node will automatically be used as the component's container.</
 element spec. Used to create the Element which will encapsulate this ...</div><div class="long"><p>A <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> element spec, or true for a default
 element spec. Used to create the <a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">Element</a> which will encapsulate this Component.
 See <tt><a href="output/Ext.Component.html#Ext.Component-autoEl" ext:member="autoEl" ext:cls="Ext.Component">autoEl</a></tt> for details.  Defaults to:</p>
-<pre><code>{tag: <em>'input'</em>, type: <em>'text'</em>, size: <em>'20'</em>, autocomplete: <em>'off'</em>}</code></pre></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#autoCreate" ext:member="#autoCreate" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-autoEl"></a><b><a href="source/Component.html#cfg-Ext.Component-autoEl">autoEl</a></b> : Mixed<div class="mdesc"><div class="short">A tag name or DomHelper spec used to create the Element which will
-encapsulate this Component.
-You do not normally ne...</div><div class="long"><p>A tag name or <a href="output/Ext.DomHelper.html" ext:cls="Ext.DomHelper">DomHelper</a> spec used to create the <a href="output/Ext.Component.html#Ext.Component-getEl" ext:member="getEl" ext:cls="Ext.Component">Element</a> which will
-encapsulate this Component.</p>
-<p>You do not normally need to specify this. For the base classes <a href="output/Ext.Component.html" ext:cls="Ext.Component">Ext.Component</a>, <a href="output/Ext.BoxComponent.html" ext:cls="Ext.BoxComponent">Ext.BoxComponent</a>,
-and <a href="output/Ext.Container.html" ext:cls="Ext.Container">Ext.Container</a>, this defaults to <b><tt>'div'</tt></b>. The more complex Ext classes use a more complex
-DOM structure created by their own onRender methods.</p>
-<p>This is intended to allow the developer to create application-specific utility Components encapsulated by
-different DOM elements. Example usage:</p><pre><code>{
-    xtype: <em>'box'</em>,
-    autoEl: {
-        tag: <em>'img'</em>,
-        src: <em>'http:<i>//www.example.com/example.jpg'</em></i>
-    }
-}, {
-    xtype: <em>'box'</em>,
-    autoEl: {
-        tag: <em>'blockquote'</em>,
-        html: <em>'autoEl is cool!'</em>
-    }
-}, {
-    xtype: <em>'container'</em>,
-    autoEl: <em>'ul'</em>,
-    cls: <em>'ux-unordered-list'</em>,
-    items: {
-        xtype: <em>'box'</em>,
-        autoEl: <em>'li'</em>,
-        html: <em>'First list item'</em>
-    }
-}</code></pre></div></div></td><td class="msource"><a href="output/Ext.Component.html#autoEl" ext:member="#autoEl" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-autoHeight"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-autoHeight">autoHeight</a></b> : Boolean<div class="mdesc"><div class="short">True to use height:'auto', false to use fixed height (or allow it to be managed by its parent
-Container's layout mana...</div><div class="long"><p>True to use height:'auto', false to use fixed height (or allow it to be managed by its parent
-Container's <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout manager</a>. Defaults to false.</p>
-<p><b>Note</b>: Although many components inherit this config option, not all will
-function as expected with a height of 'auto'. Setting autoHeight:true means that the
-browser will manage height based on the element's contents, and that Ext will not manage it at all.</p>
-<p>If the <i>browser</i> is managing the height, be aware that resizes performed by the browser in response
-to changes within the structure of the Component cannot be detected. Therefore changes to the height might
-result in elements needing to be synchronized with the new height. Example:</p><pre><code><b>var</b> w = <b>new</b> Ext.Window({
-    title: <em>'Window'</em>,
-    width: 600,
-    autoHeight: true,
-    items: {
-        title: <em>'Collapse Me'</em>,
-        height: 400,
-        collapsible: true,
-        border: false,
-        listeners: {
-            beforecollapse: <b>function</b>() {
-                w.el.shadow.hide();
-            },
-            beforeexpand: <b>function</b>() {
-                w.el.shadow.hide();
-            },
-            collapse: <b>function</b>() {
-                w.syncShadow();
-            },
-            expand: <b>function</b>() {
-                w.syncShadow();
-            }
-        }
-    }
-}).show();</code></pre></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#autoHeight" ext:member="#autoHeight" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-autoScroll"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-autoScroll">autoScroll</a></b> : Boolean<div class="mdesc"><div class="short">true to use overflow:'auto' on the components layout element and show scroll bars automatically when
+<pre><code>{tag: <em>'input'</em>, type: <em>'text'</em>, size: <em>'20'</em>, autocomplete: <em>'off'</em>}</code></pre></div></div></td><td class="msource"><a href="output/Ext.form.Field.html#autoCreate" ext:member="#autoCreate" ext:cls="Ext.form.Field">Field</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-autoScroll"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-autoScroll">autoScroll</a></b> : Boolean<div class="mdesc"><div class="short">true to use overflow:'auto' on the components layout element and show scroll bars automatically when
 necessary, false...</div><div class="long"><code>true</code> to use overflow:'auto' on the components layout element and show scroll bars automatically when
 necessary, <code>false</code> to clip any overflowing content (defaults to <code>false</code>).</div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#autoScroll" ext:member="#autoScroll" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.Component-autoShow"></a><b><a href="source/Component.html#cfg-Ext.Component-autoShow">autoShow</a></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 href="output/Ext.Component.html#autoShow" ext:member="#autoShow" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-autoWidth"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-autoWidth">autoWidth</a></b> : Boolean<div class="mdesc"><div class="short">True to use width:'auto', false to use fixed width (or allow it to be managed by its parent
-Container's layout manage...</div><div class="long"><p>True to use width:'auto', false to use fixed width (or allow it to be managed by its parent
-Container's <a href="output/Ext.Container.html#Ext.Container-layout" ext:member="layout" ext:cls="Ext.Container">layout manager</a>. Defaults to false.</p>
-<p><b>Note</b>: Although many components  inherit this config option, not all will
-function as expected with a width of 'auto'. Setting autoWidth:true means that the
-browser will manage width based on the element's contents, and that Ext will not manage it at all.</p>
-<p>If the <i>browser</i> is managing the width, be aware that resizes performed by the browser in response
-to changes within the structure of the Component cannot be detected. Therefore changes to the width might
-result in elements needing to be synchronized with the new width. For example, where the target element is:</p><pre><code>&lt;div id=<em>'grid-container'</em> style=<em>'margin-left:25%;width:50%'</em>>&lt;/div></code></pre>
-A Panel rendered into that target element must listen for browser window resize in order to relay its
-child items when the browser changes its width:<pre><code><b>var</b> myPanel = <b>new</b> Ext.Panel({
-    renderTo: <em>'grid-container'</em>,
-    monitorResize: true, <i>// relay on browser resize</i>
-    title: <em>'Panel'</em>,
-    height: 400,
-    autoWidth: true,
-    layout: <em>'hbox'</em>,
-    layoutConfig: {
-        align: <em>'stretch'</em>
-    },
-    defaults: {
-        flex: 1
-    },
-    items: [{
-        title: <em>'Box 1'</em>,
-    }, {
-        title: <em>'Box 2'</em>
-    }, {
-        title: <em>'Box 3'</em>
-    }],
-});</code></pre></div></div></td><td class="msource"><a href="output/Ext.BoxComponent.html#autoWidth" ext:member="#autoWidth" ext:cls="Ext.BoxComponent">BoxComponent</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.form.CheckboxGroup-blankText"></a><b><a href="source/CheckboxGroup.html#cfg-Ext.form.CheckboxGroup-blankText">blankText</a></b> : String<div class="mdesc"><div class="short">Error text to display if the allowBlank validation fails (defaults to "You must
+them on render (defaults to false).</div></div></td><td class="msource"><a href="output/Ext.Component.html#autoShow" ext:member="#autoShow" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable "><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.form.CheckboxGroup-blankText"></a><b><a href="source/CheckboxGroup.html#cfg-Ext.form.CheckboxGroup-blankText">blankText</a></b> : String<div class="mdesc"><div class="short">Error text to display if the allowBlank validation fails (defaults to "You must
 select at least one item in this grou...</div><div class="long">Error text to display if the <a href="output/Ext.form.CheckboxGroup.html#Ext.form.CheckboxGroup-allowBlank" ext:member="allowBlank" ext:cls="Ext.form.CheckboxGroup">allowBlank</a> validation fails (defaults to "You must
 select at least one item in this group")</div></div></td><td class="msource">CheckboxGroup</td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi">&nbsp;</a></td><td class="sig"><a id="Ext.BoxComponent-boxMaxHeight"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-boxMaxHeight">boxMaxHeight</a></b> : Number<div class="mdesc"><div class="short">The maximum value in pixels which this BoxComponent will set its height to.
 Warning: This will override any size mana...</div><div class="long"><p>The maximum value in pixels which this BoxComponent will set its height to.</p>