-<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.Button.html" ext:member="" ext:cls="Ext.Button">Button</a> <img src="resources/elbow-end.gif">SplitButton</pre></div><h1>Class <a href="source/SplitButton.html#cls-Ext.SplitButton">Ext.SplitButton</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">SplitButton.js</td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/SplitButton.html#cls-Ext.SplitButton">SplitButton</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.CycleButton.html" ext:cls="Ext.CycleButton">CycleButton</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Button.html" ext:cls="Ext.Button" ext:member="">Button</a></td></tr></table><div class="description">A split button that provides a built-in dropdown arrow that can fire an event separately from the default\r
-click event of the button. Typically this would be used to display a dropdown menu that provides additional\r
-options to the primary button action, but any custom handler can provide the arrowclick implementation. Example usage:\r
-<pre><code><i>// display a dropdown menu:\r</i>
-<b>new</b> Ext.SplitButton({\r
- renderTo: <em>'button-ct'</em>, <i>// the container id\r</i>
- text: <em>'Options'</em>,\r
- handler: optionsHandler, <i>// handle a click on the button itself\r</i>
- menu: <b>new</b> Ext.menu.Menu({\r
- items: [\r
- <i>// these items will render as dropdown menu items when the arrow is clicked:\r</i>
- {text: <em>'Item 1'</em>, handler: item1Handler},\r
- {text: <em>'Item 2'</em>, handler: item2Handler}\r
- ]\r
- })\r
-});\r
-\r
-<i>// Instead of showing a menu, you provide any type of custom\r</i>
-<i>// functionality you want when the dropdown arrow is clicked:\r</i>
-<b>new</b> Ext.SplitButton({\r
- renderTo: <em>'button-ct'</em>,\r
- text: <em>'Options'</em>,\r
- handler: optionsHandler,\r
- arrowHandler: myCustomHandler\r
+<div class="body-wrap" xmlns:ext="http://www.extjs.com"><div class="top-tools"><a class="inner-link" href="#Ext.SplitButton-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.SplitButton-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.SplitButton-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.SplitButton-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.SplitButton"><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.Button.html" ext:member="" ext:cls="Ext.Button">Button</a> <img src="resources/elbow-end.gif">SplitButton</pre></div><h1>Class <a href="source/SplitButton.html#cls-Ext.SplitButton">Ext.SplitButton</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/SplitButton.html#cls-Ext.SplitButton">SplitButton.js</a></td></tr><tr><td class="label">Class:</td><td class="hd-info"><a href="source/SplitButton.html#cls-Ext.SplitButton">SplitButton</a></td></tr><tr><td class="label">Subclasses:</td><td class="hd-info"><a href="output/Ext.CycleButton.html" ext:cls="Ext.CycleButton">CycleButton</a></td></tr><tr><td class="label">Extends:</td><td class="hd-info"><a href="output/Ext.Button.html" ext:cls="Ext.Button" ext:member="">Button</a></td></tr></table><div class="description">A split button that provides a built-in dropdown arrow that can fire an event separately from the default
+click event of the button. Typically this would be used to display a dropdown menu that provides additional
+options to the primary button action, but any custom handler can provide the arrowclick implementation. Example usage:
+<pre><code><i>// display a dropdown menu:</i>
+<b>new</b> Ext.SplitButton({
+ renderTo: <em>'button-ct'</em>, <i>// the container id</i>
+ text: <em>'Options'</em>,
+ handler: optionsHandler, <i>// handle a click on the button itself</i>
+ menu: <b>new</b> Ext.menu.Menu({
+ items: [
+ <i>// these items will render as dropdown menu items when the arrow is clicked:</i>
+ {text: <em>'Item 1'</em>, handler: item1Handler},
+ {text: <em>'Item 2'</em>, handler: item2Handler}
+ ]
+ })
+});
+
+<i>// Instead of showing a menu, you provide any type of custom</i>
+<i>// functionality you want when the dropdown arrow is clicked:</i>
+<b>new</b> Ext.SplitButton({
+ renderTo: <em>'button-ct'</em>,
+ text: <em>'Options'</em>,
+ handler: optionsHandler,
+ arrowHandler: myCustomHandler