-<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">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></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
+<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>
+ }]
+ }]