-<div xmlns:ext="http://www.extjs.com" class="body-wrap"><div class="inheritance res-block"><pre class="res-block-inner"><a href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a> <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Container.html" ext:member="" ext:cls="Ext.Container">Container</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Panel.html" ext:member="" ext:cls="Ext.Panel">Panel</a> <img src="resources/elbow-end.gif">FieldSet</pre></div><h1>Class <a href="source/FieldSet.html#cls-Ext.form.FieldSet">Ext.form.FieldSet</a></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">FieldSet.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/FieldSet.html#cls-Ext.form.FieldSet">FieldSet</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Panel.html" ext:cls="Ext.Panel" ext:member="">Panel</a></td></tr></table><div class="description">Standard container used for grouping items within a <a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">form</a>.\r
-<pre><code><b>var</b> form = <b>new</b> Ext.FormPanel({\r
- title: <em>'Simple Form <b>with</b> FieldSets'</em>,\r
- labelWidth: 75, <i>// <b>label</b> settings here cascade unless overridden\r</i>
- url: <em>'save-form.php'</em>,\r
- frame:true,\r
- bodyStyle:<em>'padding:5px 5px 0'</em>,\r
- width: 700,\r
- renderTo: document.body,\r
- layout:<em>'column'</em>, <i>// arrange items <b>in</b> columns\r</i>
- defaults: { <i>// defaults applied to items\r</i>
- layout: <em>'form'</em>,\r
- border: false,\r
- bodyStyle: <em>'padding:4px'</em>\r
- },\r
- items: [{\r
- <i>// Fieldset <b>in</b> Column 1\r</i>
- xtype:<em>'fieldset'</em>,\r
- columnWidth: 0.5,\r
- title: <em>'Fieldset 1'</em>,\r
- collapsible: true,\r
- autoHeight:true,\r
- defaults: {\r
- anchor: <em>'-20'</em> <i>// leave room <b>for</b> error icon\r</i>
- },\r
- defaultType: <em>'textfield'</em>,\r
- items :[{\r
- fieldLabel: <em>'Field 1'</em>\r
- }, {\r
- fieldLabel: <em>'Field 2'</em>\r
- }, {\r
- fieldLabel: <em>'Field 3'</em>\r
- }\r
- ]\r
- },{\r
- <i>// Fieldset <b>in</b> Column 2 - Panel inside\r</i>
- xtype:<em>'fieldset'</em>,\r
- title: <em>'Show Panel'</em>, <i>// title, header, or checkboxToggle creates fieldset header\r</i>
- autoHeight:true,\r
- columnWidth: 0.5,\r
- checkboxToggle: true,\r
- collapsed: true, <i>// fieldset initially collapsed\r</i>
- layout:<em>'anchor'</em>,\r
- items :[{\r
- xtype: <em>'panel'</em>,\r
- anchor: <em>'100%'</em>,\r
- title: <em>'Panel inside a fieldset'</em>,\r
- frame: true,\r
- height: 100\r
- }]\r
- }]\r
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.form.FieldSet-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.form.FieldSet-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.form.FieldSet-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.form.FieldSet-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.form.FieldSet"><img src="../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 href="output/Ext.util.Observable.html" ext:member="" ext:cls="Ext.util.Observable">Observable</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Component.html" ext:member="" ext:cls="Ext.Component">Component</a> <img src="resources/elbow-end.gif"><a href="output/Ext.BoxComponent.html" ext:member="" ext:cls="Ext.BoxComponent">BoxComponent</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Container.html" ext:member="" ext:cls="Ext.Container">Container</a> <img src="resources/elbow-end.gif"><a href="output/Ext.Panel.html" ext:member="" ext:cls="Ext.Panel">Panel</a> <img src="resources/elbow-end.gif">FieldSet</pre></div><h1>Class <a href="source/FieldSet.html#cls-Ext.form.FieldSet">Ext.form.FieldSet</a></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"><a href="source/FieldSet.html#cls-Ext.form.FieldSet">FieldSet.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/FieldSet.html#cls-Ext.form.FieldSet">FieldSet</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Panel.html" ext:cls="Ext.Panel" ext:member="">Panel</a></td></tr></table><div class="description">Standard container used for grouping items within a <a href="output/Ext.form.FormPanel.html" ext:cls="Ext.form.FormPanel">form</a>.
+<pre><code><b>var</b> form = <b>new</b> Ext.FormPanel({
+ title: <em>'Simple Form <b>with</b> FieldSets'</em>,
+ labelWidth: 75, <i>// <b>label</b> settings here cascade unless overridden</i>
+ url: <em>'save-form.php'</em>,
+ frame:true,
+ bodyStyle:<em>'padding:5px 5px 0'</em>,
+ width: 700,
+ renderTo: document.body,
+ layout:<em>'column'</em>, <i>// arrange items <b>in</b> columns</i>
+ defaults: { <i>// defaults applied to items</i>
+ layout: <em>'form'</em>,
+ border: false,
+ bodyStyle: <em>'padding:4px'</em>
+ },
+ items: [{
+ <i>// Fieldset <b>in</b> Column 1</i>
+ xtype:<em>'fieldset'</em>,
+ columnWidth: 0.5,
+ title: <em>'Fieldset 1'</em>,
+ collapsible: true,
+ autoHeight:true,
+ defaults: {
+ anchor: <em>'-20'</em> <i>// leave room <b>for</b> error icon</i>
+ },
+ defaultType: <em>'textfield'</em>,
+ items :[{
+ fieldLabel: <em>'Field 1'</em>
+ }, {
+ fieldLabel: <em>'Field 2'</em>
+ }, {
+ fieldLabel: <em>'Field 3'</em>
+ }
+ ]
+ },{
+ <i>// Fieldset <b>in</b> Column 2 - Panel inside</i>
+ xtype:<em>'fieldset'</em>,
+ title: <em>'Show Panel'</em>, <i>// title, header, or checkboxToggle creates fieldset header</i>
+ autoHeight:true,
+ columnWidth: 0.5,
+ checkboxToggle: true,
+ collapsed: true, <i>// fieldset initially collapsed</i>
+ layout:<em>'anchor'</em>,
+ items :[{
+ xtype: <em>'panel'</em>,
+ anchor: <em>'100%'</em>,
+ title: <em>'Panel inside a fieldset'</em>,
+ frame: true,
+ height: 100
+ }]
+ }]