-<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.ButtonGroup-props"><img src="resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.ButtonGroup-methods"><img src="resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.ButtonGroup-events"><img src="resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.ButtonGroup-configs"><img src="resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.ButtonGroup"><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">ButtonGroup</pre></div><h1>Class <a href="source/ButtonGroup.html#cls-Ext.ButtonGroup">Ext.ButtonGroup</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr><tr><td class="label">Defined In:</td><td class="hd-info">ButtonGroup.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/ButtonGroup.html#cls-Ext.ButtonGroup">ButtonGroup</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><tr><td class="hd-info"></td></tr><tr><td class="label">xtype:</td><td class="hd-info">buttongroup</td></tr></table><div class="description">Container for a group of buttons. Example usage:\r
-<pre><code><b>var</b> p = <b>new</b> Ext.Panel({\r
- title: <em>'Panel <b>with</b> Button Group'</em>,\r
- width: 300,\r
- height:200,\r
- renderTo: document.body,\r
- html: <em>'whatever'</em>,\r
- tbar: [{\r
- xtype: <em>'buttongroup'</em>,\r
- <a href="output/Ext.ButtonGroup.html#Ext.ButtonGroup-columns" ext:member="columns" ext:cls="Ext.ButtonGroup">columns</a>: 3,\r
- title: <em>'Clipboard'</em>,\r
- items: [{\r
- text: <em>'Paste'</em>,\r
- scale: <em>'large'</em>,\r
- rowspan: 3, iconCls: <em>'add'</em>,\r
- iconAlign: <em>'top'</em>,\r
- cls: <em>'x-btn-as-arrow'</em>\r
- },{\r
- xtype:<em>'splitbutton'</em>,\r
- text: <em>'Menu Button'</em>,\r
- scale: <em>'large'</em>,\r
- rowspan: 3,\r
- iconCls: <em>'add'</em>,\r
- iconAlign: <em>'top'</em>,\r
- arrowAlign:<em>'bottom'</em>,\r
- menu: [{text: <em>'Menu Item 1'</em>}]\r
- },{\r
- xtype:<em>'splitbutton'</em>, text: <em>'Cut'</em>, iconCls: <em>'add16'</em>, menu: [{text: <em>'Cut Menu Item'</em>}]\r
- },{\r
- text: <em>'Copy'</em>, iconCls: <em>'add16'</em>\r
- },{\r
- text: <em>'Format'</em>, iconCls: <em>'add16'</em>\r
- }]\r
- }]\r
-});</code></pre></div><div class="hr"></div><a id="Ext.ButtonGroup-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-activeItem"></a><b><a href="source/Container.html#cfg-Ext.Container-activeItem">activeItem</a></b> : String/Number<div class="mdesc"><div class="short">A string component id or the numeric index of the component that should be initially activated within the \r
-container'...</div><div class="long">A string component id or the numeric index of the component that should be initially activated within the\r
-container's layout on render. For example, activeItem: 'item-1' or activeItem: 0 (index 0 = the first\r
-item in the container's collection). activeItem only applies to layout styles that can display\r
-items one at a time (like <a href="output/Ext.layout.AccordionLayout.html" ext:cls="Ext.layout.AccordionLayout">Ext.layout.AccordionLayout</a>, <a href="output/Ext.layout.CardLayout.html" ext:cls="Ext.layout.CardLayout">Ext.layout.CardLayout</a> and\r
-<a href="output/Ext.layout.FitLayout.html" ext:cls="Ext.layout.FitLayout">Ext.layout.FitLayout</a>). Related to <a href="output/Ext.layout.ContainerLayout.html#Ext.layout.ContainerLayout-activeItem" ext:member="activeItem" ext:cls="Ext.layout.ContainerLayout">Ext.layout.ContainerLayout.activeItem</a>.</div></div></td><td class="msource"><a href="output/Ext.Container.html#activeItem" ext:member="#activeItem" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-allowDomMove"></a><b><a href="source/Component.html#cfg-Ext.Component-allowDomMove">allowDomMove</a></b> : Boolean<div class="mdesc">Whether the component can move the Dom node when rendering (defaults to true).</div></td><td class="msource"><a href="output/Ext.Component.html#allowDomMove" ext:member="#allowDomMove" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-anchor"></a><b><a href="source/Component.html#cfg-Ext.Component-anchor">anchor</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this Component is rendered\r
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.ButtonGroup-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.ButtonGroup-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.ButtonGroup-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.ButtonGroup-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.ButtonGroup"><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">ButtonGroup</pre></div><h1>Class <a href="source/ButtonGroup.html#cls-Ext.ButtonGroup">Ext.ButtonGroup</a></h1><table cellspacing="0"><tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr><tr><td class="label">Defined In:</td><td class="hd-info"><a href="source/ButtonGroup.html#cls-Ext.ButtonGroup">ButtonGroup.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/ButtonGroup.html#cls-Ext.ButtonGroup">ButtonGroup</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">Container for a group of buttons. Example usage:
+<pre><code><b>var</b> p = <b>new</b> Ext.Panel({
+ title: <em>'Panel <b>with</b> Button Group'</em>,
+ width: 300,
+ height:200,
+ renderTo: document.body,
+ html: <em>'whatever'</em>,
+ tbar: [{
+ xtype: <em>'buttongroup'</em>,
+ <a href="output/Ext.ButtonGroup.html#Ext.ButtonGroup-columns" ext:member="columns" ext:cls="Ext.ButtonGroup">columns</a>: 3,
+ title: <em>'Clipboard'</em>,
+ items: [{
+ text: <em>'Paste'</em>,
+ scale: <em>'large'</em>,
+ rowspan: 3, iconCls: <em>'add'</em>,
+ iconAlign: <em>'top'</em>,
+ cls: <em>'x-btn-as-arrow'</em>
+ },{
+ xtype:<em>'splitbutton'</em>,
+ text: <em>'Menu Button'</em>,
+ scale: <em>'large'</em>,
+ rowspan: 3,
+ iconCls: <em>'add'</em>,
+ iconAlign: <em>'top'</em>,
+ arrowAlign:<em>'bottom'</em>,
+ menu: [{text: <em>'Menu Item 1'</em>}]
+ },{
+ xtype:<em>'splitbutton'</em>, text: <em>'Cut'</em>, iconCls: <em>'add16'</em>, menu: [{text: <em>'Cut Menu Item'</em>}]
+ },{
+ text: <em>'Copy'</em>, iconCls: <em>'add16'</em>
+ },{
+ text: <em>'Format'</em>, iconCls: <em>'add16'</em>
+ }]
+ }]
+});</code></pre></div><div class="hr"></div><a id="Ext.ButtonGroup-configs"></a><h2>Config Options</h2><table cellspacing="0" class="member-table"><tbody><tr><th colspan="2" class="sig-header">Config Options</th><th class="msource-header">Defined By</th></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Container-activeItem"></a><b><a href="source/Container.html#cfg-Ext.Container-activeItem">activeItem</a></b> : String/Number<div class="mdesc"><div class="short">A string component id or the numeric index of the component that should be initially activated within the
+container's...</div><div class="long">A string component id or the numeric index of the component that should be initially activated within the
+container's layout on render. For example, activeItem: 'item-1' or activeItem: 0 (index 0 = the first
+item in the container's collection). activeItem only applies to layout styles that can display
+items one at a time (like <a href="output/Ext.layout.AccordionLayout.html" ext:cls="Ext.layout.AccordionLayout">Ext.layout.AccordionLayout</a>, <a href="output/Ext.layout.CardLayout.html" ext:cls="Ext.layout.CardLayout">Ext.layout.CardLayout</a> and
+<a href="output/Ext.layout.FitLayout.html" ext:cls="Ext.layout.FitLayout">Ext.layout.FitLayout</a>). Related to <a href="output/Ext.layout.ContainerLayout.html#Ext.layout.ContainerLayout-activeItem" ext:member="activeItem" ext:cls="Ext.layout.ContainerLayout">Ext.layout.ContainerLayout.activeItem</a>.</div></div></td><td class="msource"><a href="output/Ext.Container.html#activeItem" ext:member="#activeItem" ext:cls="Ext.Container">Container</a></td></tr><tr class="config-row inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.Component-allowDomMove"></a><b><a href="source/Component.html#cfg-Ext.Component-allowDomMove">allowDomMove</a></b> : Boolean<div class="mdesc">Whether the component can move the Dom node when rendering (defaults to true).</div></td><td class="msource"><a href="output/Ext.Component.html#allowDomMove" ext:member="#allowDomMove" ext:cls="Ext.Component">Component</a></td></tr><tr class="config-row expandable inherited"><td class="micon"><a href="#expand" class="exi"> </a></td><td class="sig"><a id="Ext.BoxComponent-anchor"></a><b><a href="source/BoxComponent.html#cfg-Ext.BoxComponent-anchor">anchor</a></b> : String<div class="mdesc"><div class="short">Note: this config is only used when this Component is rendered