1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
7 <meta http-equiv="content-type" content="text/html; charset=undefined" />
8 <meta name="generator" content="JsDoc Toolkit" />
11 <title>JsDoc Reference - Roo.SplitButton</title>
14 <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
15 <link rel="stylesheet" type="text/css" href="../default.css" />
18 <script type="text/javascript" src="../page.js">
25 <body onload="RooDocsPage.onload();">
28 <div class="body-wrap">
30 <!-- ============================== links to methods. ================================= -->
32 <div class="top-tools">
34 <a class="inner-link" href="#Roo.SplitButton-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.SplitButton-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.SplitButton-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.SplitButton-configs"><img src="resources/s.gif" class="item-icon icon-config">Config Options</a>
38 <a class="bookmark" href="NEED_TO_CREATE_DIRECT_LINK_HREF"><img src="resources/s.gif" class="item-icon icon-fav">Direct Link</a>
43 <!-- ============================== inheritance Block. ================================= -->
45 <div class="inheritance res-block">
46 <pre class="res-block-inner"><a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
47 <img src="../../images/default/s.gif" height="1" width="20"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
48 <img src="../../images/default/s.gif" height="1" width="40"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.SplitButton
53 <!-- ============================== class title / details ============================ -->
56 <h1 class="classTitle">
61 <table cellspacing="0" class="class-summary-table">
63 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
65 <tr><td class="label">Defined In:</td><td class="hd-info">
67 <a href="./src/Roo_SplitButton.js.html">Roo/SplitButton.js</a>.
70 <tr><td class="label">Class:</td><td class="hd-info">SplitButton</td></tr>
73 <tr><td class="label">Subclasses:</td><td class="hd-info">
74 <a href="./Roo.Toolbar.SplitButton.html#constructor" roo:cls="Roo.Toolbar.SplitButton.html#constructor">Roo.Toolbar.SplitButton</a>
82 <tr><td class="label">Extends:</td><td class="hd-info">
83 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
91 <!-- ============================== class summary ========================== -->
92 <div class="description">
93 A split button that provides a built-in dropdown arrow that can fire an event separately from the default<br/>click event of the button. Typically this would be used to display a dropdown menu that provides additional<br/>options to the primary button action, but any custom handler can provide the arrowclick implementation.
97 <!-- ============================== Class comment block... ========================== -->
99 <div class="comments">
100 <b>Class Comments / Notes</B> =>
101 <u onclick="parent.CommentDialog.showCommentId = 'Roo.SplitButton';">[Add Your comment/notes about this class]</u>
103 <iframe frameborder="0" id="comments-Roo" style="border: none;width:100%;"
104 src="/blog.php/GtkDjsComments/Roo.SplitButton.html"></iframe>
109 <!-- ============================== config options ========================== -->
114 <div class="hr"></div>
115 <a id="Roo.SplitButton-configs"></a>
121 <table cellspacing="0" class="member-table">
122 <caption>Config Options (Usually are also Properties)</caption>
126 <th class="sig-header" colspan="2">Options</th>
128 <th class="msource-header">Defined By</th>
135 <tr class="config-row expandable config-row-alt0 notInherited">
136 <td class="micon"><a class="exi" href="#expand"> </a></td>
139 <a id="Roo.SplitButton-cfg-arrowHandler" name=".arrowHandler"></a>
140 <div class="fixedFont">
141 <b class="itemname">arrowHandler</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
147 <div class="short">A function called when the arrow button is clicked (can be used instead of click event)</div>
152 A function called when the arrow button is clicked (can be used instead of click event)
168 <tr class="config-row expandable config-row-alt1 notInherited">
169 <td class="micon"><a class="exi" href="#expand"> </a></td>
172 <a id="Roo.SplitButton-cfg-arrowTooltip" name=".arrowTooltip"></a>
173 <div class="fixedFont">
174 <b class="itemname">arrowTooltip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
180 <div class="short">The title attribute of the arrow</div>
185 The title attribute of the arrow
201 <tr class="config-row expandable config-row-alt0">
202 <td class="micon"><a class="exi" href="#expand"> </a></td>
205 <a id="Roo.Button-cfg-clickEvent" name=".clickEvent"></a>
206 <div class="fixedFont">
207 <b class="itemname">clickEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
213 <div class="short">The type of event to map to the button's event handler (defaults to 'click')</div>
218 The type of event to map to the button's event handler (defaults to 'click')
228 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
234 <tr class="config-row expandable config-row-alt1">
235 <td class="micon"><a class="exi" href="#expand"> </a></td>
238 <a id="Roo.Button-cfg-cls" name=".cls"></a>
239 <div class="fixedFont">
240 <b class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
246 <div class="short">A CSS class to apply to the button's main element.</div>
251 A CSS class to apply to the button's main element.
261 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
267 <tr class="config-row expandable config-row-alt0">
268 <td class="micon"><a class="exi" href="#expand"> </a></td>
271 <a id="Roo.Button-cfg-disabled" name=".disabled"></a>
272 <div class="fixedFont">
273 <b class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
279 <div class="short">True to start disabled (defaults to false)</div>
284 True to start disabled (defaults to false)
294 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
300 <tr class="config-row expandable config-row-alt1">
301 <td class="micon"><a class="exi" href="#expand"> </a></td>
304 <a id="Roo.Button-cfg-enableToggle" name=".enableToggle"></a>
305 <div class="fixedFont">
306 <b class="itemname">enableToggle</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
312 <div class="short">True to enable pressed/not pressed toggling (defaults to false)</div>
317 True to enable pressed/not pressed toggling (defaults to false)
327 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
333 <tr class="config-row expandable config-row-alt0">
334 <td class="micon"><a class="exi" href="#expand"> </a></td>
337 <a id="Roo.Button-cfg-handleMouseEvents" name=".handleMouseEvents"></a>
338 <div class="fixedFont">
339 <b class="itemname">handleMouseEvents</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
345 <div class="short">False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)</div>
350 False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)
360 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
366 <tr class="config-row expandable config-row-alt1">
367 <td class="micon"><a class="exi" href="#expand"> </a></td>
370 <a id="Roo.Button-cfg-handler" name=".handler"></a>
371 <div class="fixedFont">
372 <b class="itemname">handler</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
378 <div class="short">A function called when the button is clicked (can be used instead of click event)</div>
383 A function called when the button is clicked (can be used instead of click event)
393 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
399 <tr class="config-row expandable config-row-alt0">
400 <td class="micon"><a class="exi" href="#expand"> </a></td>
403 <a id="Roo.Button-cfg-hidden" name=".hidden"></a>
404 <div class="fixedFont">
405 <b class="itemname">hidden</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
411 <div class="short">True to start hidden (defaults to false)</div>
416 True to start hidden (defaults to false)
426 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
432 <tr class="config-row expandable config-row-alt1">
433 <td class="micon"><a class="exi" href="#expand"> </a></td>
436 <a id="Roo.Button-cfg-icon" name=".icon"></a>
437 <div class="fixedFont">
438 <b class="itemname">icon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
444 <div class="short">The path to an image to display in the button (the image will be set as the background-image<br/>CSS property of the button by default, so if you want a mixed icon/text button, set cls:"x-btn-text-icon")</div>
449 The path to an image to display in the button (the image will be set as the background-image<br/>CSS property of the button by default, so if you want a mixed icon/text button, set cls:"x-btn-text-icon")
459 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
465 <tr class="config-row expandable config-row-alt0">
466 <td class="micon"><a class="exi" href="#expand"> </a></td>
469 <a id="Roo.Button-cfg-iconCls" name=".iconCls"></a>
470 <div class="fixedFont">
471 <b class="itemname">iconCls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
477 <div class="short">A css class which sets a background image to be used as the icon for this button (defaults to undefined).</div>
482 A css class which sets a background image to be used as the icon for this button (defaults to undefined).
492 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
498 <tr class="config-row expandable config-row-alt1">
499 <td class="micon"><a class="exi" href="#expand"> </a></td>
502 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
503 <div class="fixedFont">
504 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
510 <div class="short">list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/> listeners : { <br/> 'click' : function(e) {<br/> .</div>
515 list of events and functions to call for this object, <br/>For example :<br/><pre><code><br/> listeners : { <br/> 'click' : function(e) {<br/> ..... <br/> } ,<br/> .... <br/> } <br/> </code></pre>
525 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
531 <tr class="config-row expandable config-row-alt0">
532 <td class="micon"><a class="exi" href="#expand"> </a></td>
535 <a id="Roo.Button-cfg-menu" name=".menu"></a>
536 <div class="fixedFont">
537 <b class="itemname">menu</b> : Mixed
543 <div class="short">Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).</div>
548 Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).
558 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
564 <tr class="config-row expandable config-row-alt1">
565 <td class="micon"><a class="exi" href="#expand"> </a></td>
568 <a id="Roo.Button-cfg-menuAlign" name=".menuAlign"></a>
569 <div class="fixedFont">
570 <b class="itemname">menuAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
576 <div class="short">The position to align the menu to (see {<b>link</b> Roo.Element<b>alignTo</b>} for more details, defaults to 'tl-bl?').</div>
581 The position to align the menu to (see {<b>link</b> Roo.Element<b>alignTo</b>} for more details, defaults to 'tl-bl?').
591 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
597 <tr class="config-row expandable config-row-alt0">
598 <td class="micon"><a class="exi" href="#expand"> </a></td>
601 <a id="Roo.Button-cfg-minWidth" name=".minWidth"></a>
602 <div class="fixedFont">
603 <b class="itemname">minWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
609 <div class="short">The minimum width for this button (used to give a set of buttons a common width)</div>
614 The minimum width for this button (used to give a set of buttons a common width)
624 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
630 <tr class="config-row expandable config-row-alt1">
631 <td class="micon"><a class="exi" href="#expand"> </a></td>
634 <a id="Roo.Button-cfg-pressed" name=".pressed"></a>
635 <div class="fixedFont">
636 <b class="itemname">pressed</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
642 <div class="short">True to start pressed (only if enableToggle = true)</div>
647 True to start pressed (only if enableToggle = true)
657 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
663 <tr class="config-row expandable config-row-alt0">
664 <td class="micon"><a class="exi" href="#expand"> </a></td>
667 <a id="Roo.Button-cfg-renderTo" name=".renderTo"></a>
668 <div class="fixedFont">
669 <b class="itemname">renderTo</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element
675 <div class="short">The element to append the button to</div>
680 The element to append the button to
690 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
696 <tr class="config-row expandable config-row-alt1">
697 <td class="micon"><a class="exi" href="#expand"> </a></td>
700 <a id="Roo.Button-cfg-repeat" name=".repeat"></a>
701 <div class="fixedFont">
702 <b class="itemname">repeat</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object
708 <div class="short">True to repeat fire the click event while the mouse is down.</div>
713 True to repeat fire the click event while the mouse is down. This can also be<br/> an {<b>link</b> Roo.util.ClickRepeater} config object (defaults to false).
723 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
729 <tr class="config-row expandable config-row-alt0">
730 <td class="micon"><a class="exi" href="#expand"> </a></td>
733 <a id="Roo.Button-cfg-scope" name=".scope"></a>
734 <div class="fixedFont">
735 <b class="itemname">scope</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
741 <div class="short">The scope of the handler</div>
746 The scope of the handler
756 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
762 <tr class="config-row expandable config-row-alt1">
763 <td class="micon"><a class="exi" href="#expand"> </a></td>
766 <a id="Roo.Button-cfg-tabIndex" name=".tabIndex"></a>
767 <div class="fixedFont">
768 <b class="itemname">tabIndex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
774 <div class="short">The DOM tabIndex for this button (defaults to undefined)</div>
779 The DOM tabIndex for this button (defaults to undefined)
789 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
795 <tr class="config-row expandable config-row-alt0">
796 <td class="micon"><a class="exi" href="#expand"> </a></td>
799 <a id="Roo.Button-cfg-template" name=".template"></a>
800 <div class="fixedFont">
801 <b class="itemname">template</b> : <a href="./Roo.Template.html#constructor" roo:cls="Roo.Template.html#constructor">Roo.Template</a>
807 <div class="short">(Optional)<br/>An {<b>link</b> Roo.Template} with which to create the Button's main element.</div>
812 (Optional)<br/>An {<b>link</b> Roo.Template} with which to create the Button's main element. This Template must<br/>contain numeric substitution parameter 0 if it is to display the tRoo property. Changing the template could<br/>require code modifications if required elements (e.g. a button) aren't present.
822 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
828 <tr class="config-row expandable config-row-alt1">
829 <td class="micon"><a class="exi" href="#expand"> </a></td>
832 <a id="Roo.Button-cfg-text" name=".text"></a>
833 <div class="fixedFont">
834 <b class="itemname">text</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
840 <div class="short">The button text</div>
855 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
861 <tr class="config-row expandable config-row-alt0">
862 <td class="micon"><a class="exi" href="#expand"> </a></td>
865 <a id="Roo.Button-cfg-toggleGroup" name=".toggleGroup"></a>
866 <div class="fixedFont">
867 <b class="itemname">toggleGroup</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
873 <div class="short">The group this toggle button is a member of (only 1 per group can be pressed, only<br/> applies if enableToggle = true)</div>
878 The group this toggle button is a member of (only 1 per group can be pressed, only<br/> applies if enableToggle = true)
888 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
894 <tr class="config-row expandable config-row-alt1">
895 <td class="micon"><a class="exi" href="#expand"> </a></td>
898 <a id="Roo.Button-cfg-tooltip" name=".tooltip"></a>
899 <div class="fixedFont">
900 <b class="itemname">tooltip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object
906 <div class="short">The tooltip for the button - can be a string or QuickTips config object</div>
911 The tooltip for the button - can be a string or QuickTips config object
921 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
927 <tr class="config-row expandable config-row-alt0">
928 <td class="micon"><a class="exi" href="#expand"> </a></td>
931 <a id="Roo.Button-cfg-tooltipType" name=".tooltipType"></a>
932 <div class="fixedFont">
933 <b class="itemname">tooltipType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
939 <div class="short">The type of tooltip to use.</div>
944 The type of tooltip to use. Either "qtip" (default) for QuickTips or "title" for title attribute.
954 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
960 <tr class="config-row expandable config-row-alt1">
961 <td class="micon"><a class="exi" href="#expand"> </a></td>
964 <a id="Roo.Button-cfg-type" name=".type"></a>
965 <div class="fixedFont">
966 <b class="itemname">type</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
972 <div class="short">The button's type, corresponding to the DOM input element type attribute.</div>
977 The button's type, corresponding to the DOM input element type attribute. Either "submit," "reset" or "button" (default).
987 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1003 <!-- ============================== public properties ==================== -->
1007 <a id="Roo.SplitButton-props"></a>
1013 <table cellspacing="0" class="member-table">
1014 <caption class="Empty">Public Properties - Has None</caption>
1020 <!-- ============================== methods summary / details ======================== -->
1023 <a id="Roo.SplitButton-methods"></a>
1024 <!-- constructor?? -->
1031 <!-- then dynamics first -->
1038 <table cellspacing="0" class="member-table">
1039 <caption>Public Methods</caption>
1041 <th class="sig-header" colspan="2">Method</th>
1042 <th class="msource-header">Defined By</th>
1052 <tr class="method-row config-row-alt0 expandable notInherited">
1053 <td class="micon"><a class="exi" href="#expand"> </a></td>
1057 <a id="Roo-method-SplitButton" name=".SplitButton"></a>
1058 <div class="fixedFont">
1059 <span class="attributes">new <B>Roo.</B></span><b class="itemname">SplitButton</b>
1061 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>renderTo</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
1069 <div class="short">Create a new Roo.SplitButton</div>
1076 Create a new Roo.SplitButton
1079 <dl class="detailList">
1080 <dt class="heading">Parameters:</dt>
1083 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>renderTo</b>
1086 <dd>The element to append the button to</dd>
1089 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>config</b>
1092 <dd>The config object</dd>
1110 <td class="msource">
1116 <tr class="method-row config-row-alt1 expandable">
1117 <td class="micon"><a class="exi" href="#expand"> </a></td>
1121 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
1122 <div class="fixedFont">
1123 <span class="attributes"></span><b class="itemname">addEvents</b>
1125 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1132 <div class="short">Used to define events on this Observable</div>
1138 Used to define events on this Observable
1145 <dl class="detailList">
1146 <dt class="heading">Parameters:</dt>
1149 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>object</b>
1152 <dd>The object with the events defined</dd>
1170 <td class="msource">
1172 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1178 <tr class="method-row config-row-alt0 expandable">
1179 <td class="micon"><a class="exi" href="#expand"> </a></td>
1183 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
1184 <div class="fixedFont">
1185 <span class="attributes"></span><b class="itemname">addListener</b>
1187 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
1194 <div class="short">Appends an event handler to this component</div>
1200 Appends an event handler to this component
1207 <dl class="detailList">
1208 <dt class="heading">Parameters:</dt>
1211 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1214 <dd>The type of event to listen for</dd>
1217 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1220 <dd>The method the event invokes</dd>
1223 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
1226 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1229 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
1232 <dd>(optional) An object containing handler configuration<br/>properties. This may contain any of the following properties:<ul><br/><li>scope {Object} The scope in which to execute the handler function. The handler function's "this" context.</li><br/><li>delay {Number} The number of milliseconds to delay the invocation of the handler after te event fires.</li><br/><li>single {Boolean} True to add a handler to handle just the next firing of the event, and then remove itself.</li><br/><li>buffer {Number} Causes the handler to be scheduled to run in an {<b>link</b> Roo.util.DelayedTask} delayed<br/>by the specified number of milliseconds. If the event fires again within that time, the original<br/>handler is <em>not</em> invoked, but the new handler is scheduled in its place.</li><br/></ul><br><br/><p><br/><b>Combining Options</b><br><br/>Using the options argument, it is possible to combine different types of listeners:<br><br/><br><br/>A normalized, delayed, one-time listener that auto stops the event and passes a custom argument (forumId)<br/> <pre><code><br/> el.on('click', this.onClick, this, {<br/> single: true,<br/> delay: 100,<br/> forumId: 4<br/> });<br/> </code></pre><br/><p><br/><b>Attaching multiple handlers in 1 call</b><br><br/>The method also allows for a single argument to be passed which is a config object containing properties<br/>which specify multiple handlers.<br/><pre><code><br/> el.on({<br/> 'click': {<br/> fn: this.onClick,<br/> scope: this,<br/> delay: 100<br/> }, <br/> 'mouseover': {<br/> fn: this.onMouseOver,<br/> scope: this<br/> },<br/> 'mouseout': {<br/> fn: this.onMouseOut,<br/> scope: this<br/> }<br/> });<br/> </code></pre><br/><p><br/>Or a shorthand syntax which passes the same scope object to all handlers:<br/> <pre><code><br/> el.on({<br/> 'click': this.onClick,<br/> 'mouseover': this.onMouseOver,<br/> 'mouseout': this.onMouseOut,<br/> scope: this<br/> });<br/> </code></pre></dd>
1250 <td class="msource">
1252 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1258 <tr class="method-row config-row-alt1 expandable">
1259 <td class="micon"><a class="exi" href="#expand"> </a></td>
1263 <a id="Roo.Button-method-destroy" name=".destroy"></a>
1264 <div class="fixedFont">
1265 <span class="attributes"></span><b class="itemname">destroy</b>
1274 <div class="short">Destroys this Button and removes any listeners.</div>
1280 Destroys this Button and removes any listeners.
1301 <td class="msource">
1303 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1309 <tr class="method-row config-row-alt0 expandable">
1310 <td class="micon"><a class="exi" href="#expand"> </a></td>
1314 <a id="Roo.Button-method-disable" name=".disable"></a>
1315 <div class="fixedFont">
1316 <span class="attributes"></span><b class="itemname">disable</b>
1325 <div class="short">Disable this button</div>
1352 <td class="msource">
1354 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1360 <tr class="method-row config-row-alt1 expandable">
1361 <td class="micon"><a class="exi" href="#expand"> </a></td>
1365 <a id="Roo.Button-method-enable" name=".enable"></a>
1366 <div class="fixedFont">
1367 <span class="attributes"></span><b class="itemname">enable</b>
1376 <div class="short">Enable this button</div>
1403 <td class="msource">
1405 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1411 <tr class="method-row config-row-alt0 expandable">
1412 <td class="micon"><a class="exi" href="#expand"> </a></td>
1416 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1417 <div class="fixedFont">
1418 <span class="attributes"></span><b class="itemname">fireEvent</b>
1420 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a> <B><i>args</i></B>)
1426 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1435 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1441 Fires the specified event with the passed parameters (minus the event name).
1448 <dl class="detailList">
1449 <dt class="heading">Parameters:</dt>
1452 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1458 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object...</a></span> <b>args</b>
1461 <dd>Variable number of parameters are passed to handlers</dd>
1469 <dl class="detailList">
1470 <dt class="heading">Returns:</dt>
1472 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> returns false if any of the handlers return false otherwise it returns true</dd>
1486 <td class="msource">
1488 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1494 <tr class="method-row config-row-alt1 expandable notInherited">
1495 <td class="micon"><a class="exi" href="#expand"> </a></td>
1499 <a id="Roo.SplitButton-method-focus" name=".focus"></a>
1500 <div class="fixedFont">
1501 <span class="attributes"></span><b class="itemname">focus</b>
1510 <div class="short">Focus the button</div>
1537 <td class="msource">
1545 <tr class="method-row config-row-alt0 expandable">
1546 <td class="micon"><a class="exi" href="#expand"> </a></td>
1550 <a id="Roo.Button-method-getEl" name=".getEl"></a>
1551 <div class="fixedFont">
1552 <span class="attributes"></span><b class="itemname">getEl</b>
1560 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1569 <div class="short">Returns the button's underlying element</div>
1575 Returns the button's underlying element
1586 <dl class="detailList">
1587 <dt class="heading">Returns:</dt>
1589 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The element</dd>
1603 <td class="msource">
1605 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1611 <tr class="method-row config-row-alt1 expandable">
1612 <td class="micon"><a class="exi" href="#expand"> </a></td>
1616 <a id="Roo.Button-method-getText" name=".getText"></a>
1617 <div class="fixedFont">
1618 <span class="attributes"></span><b class="itemname">getText</b>
1626 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1635 <div class="short">Gets the text for this button</div>
1641 Gets the text for this button
1652 <dl class="detailList">
1653 <dt class="heading">Returns:</dt>
1655 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The button text</dd>
1669 <td class="msource">
1671 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1677 <tr class="method-row config-row-alt0 expandable">
1678 <td class="micon"><a class="exi" href="#expand"> </a></td>
1682 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1683 <div class="fixedFont">
1684 <span class="attributes"></span><b class="itemname">hasListener</b>
1686 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1692 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1701 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1707 Checks to see if this object has any listeners for a specified event
1714 <dl class="detailList">
1715 <dt class="heading">Parameters:</dt>
1718 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1721 <dd>The name of the event to check for</dd>
1729 <dl class="detailList">
1730 <dt class="heading">Returns:</dt>
1732 <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> True if the event is being listened for, else false</dd>
1746 <td class="msource">
1748 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1754 <tr class="method-row config-row-alt1 expandable">
1755 <td class="micon"><a class="exi" href="#expand"> </a></td>
1759 <a id="Roo.Button-method-hide" name=".hide"></a>
1760 <div class="fixedFont">
1761 <span class="attributes"></span><b class="itemname">hide</b>
1770 <div class="short">Hide this button</div>
1797 <td class="msource">
1799 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1805 <tr class="method-row config-row-alt0 expandable">
1806 <td class="micon"><a class="exi" href="#expand"> </a></td>
1810 <a id="Roo.util.Observable-method-on" name=".on"></a>
1811 <div class="fixedFont">
1812 <span class="attributes"></span><b class="itemname">on</b>
1814 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>options</i></B>)
1821 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1827 Appends an event handler to this element (shorthand for addListener)
1834 <dl class="detailList">
1835 <dt class="heading">Parameters:</dt>
1838 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1841 <dd>The type of event to listen for</dd>
1844 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1847 <dd>The method the event invokes</dd>
1850 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
1853 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1856 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>options</b>
1877 <td class="msource">
1879 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1885 <tr class="method-row config-row-alt1 expandable">
1886 <td class="micon"><a class="exi" href="#expand"> </a></td>
1890 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
1891 <div class="fixedFont">
1892 <span class="attributes"></span><b class="itemname">purgeListeners</b>
1901 <div class="short">Removes all listeners for this object</div>
1907 Removes all listeners for this object
1928 <td class="msource">
1930 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1936 <tr class="method-row config-row-alt0 expandable">
1937 <td class="micon"><a class="exi" href="#expand"> </a></td>
1941 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
1942 <div class="fixedFont">
1943 <span class="attributes"></span><b class="itemname">removeListener</b>
1945 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
1952 <div class="short">Removes a listener</div>
1965 <dl class="detailList">
1966 <dt class="heading">Parameters:</dt>
1969 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1972 <dd>The type of event to listen for</dd>
1975 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1978 <dd>The handler to remove</dd>
1981 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
1984 <dd>(optional) The scope (this object) for the handler</dd>
2002 <td class="msource">
2004 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2010 <tr class="method-row config-row-alt1 expandable notInherited">
2011 <td class="micon"><a class="exi" href="#expand"> </a></td>
2015 <a id="Roo.SplitButton-method-setArrowHandler" name=".setArrowHandler"></a>
2016 <div class="fixedFont">
2017 <span class="attributes"></span><b class="itemname">setArrowHandler</b>
2019 (<a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
2026 <div class="short">Sets this button's arrow click handler</div>
2032 Sets this button's arrow click handler
2039 <dl class="detailList">
2040 <dt class="heading">Parameters:</dt>
2043 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2046 <dd>The function to call when the arrow is clicked</dd>
2049 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
2052 <dd>(optional) Scope for the function passed above</dd>
2070 <td class="msource">
2078 <tr class="method-row config-row-alt0 expandable">
2079 <td class="micon"><a class="exi" href="#expand"> </a></td>
2083 <a id="Roo.Button-method-setDisabled" name=".setDisabled"></a>
2084 <div class="fixedFont">
2085 <span class="attributes"></span><b class="itemname">setDisabled</b>
2087 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>enabled</i></B>)
2094 <div class="short">Convenience function for boolean enable/disable</div>
2100 Convenience function for boolean enable/disable
2107 <dl class="detailList">
2108 <dt class="heading">Parameters:</dt>
2111 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>enabled</b>
2114 <dd>True to enable, false to disable</dd>
2132 <td class="msource">
2134 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2140 <tr class="method-row config-row-alt1 expandable notInherited">
2141 <td class="micon"><a class="exi" href="#expand"> </a></td>
2145 <a id="Roo.SplitButton-method-setHandler" name=".setHandler"></a>
2146 <div class="fixedFont">
2147 <span class="attributes"></span><b class="itemname">setHandler</b>
2149 (<a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
2156 <div class="short">Sets this button's click handler</div>
2162 Sets this button's click handler
2169 <dl class="detailList">
2170 <dt class="heading">Parameters:</dt>
2173 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2176 <dd>The function to call when the button is clicked</dd>
2179 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
2182 <dd>(optional) Scope for the function passed above</dd>
2200 <td class="msource">
2208 <tr class="method-row config-row-alt0 expandable">
2209 <td class="micon"><a class="exi" href="#expand"> </a></td>
2213 <a id="Roo.Button-method-setText" name=".setText"></a>
2214 <div class="fixedFont">
2215 <span class="attributes"></span><b class="itemname">setText</b>
2217 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>text</i></B>)
2224 <div class="short">Sets this button's text</div>
2230 Sets this button's text
2237 <dl class="detailList">
2238 <dt class="heading">Parameters:</dt>
2241 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>text</b>
2244 <dd>The button text</dd>
2262 <td class="msource">
2264 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2270 <tr class="method-row config-row-alt1 expandable">
2271 <td class="micon"><a class="exi" href="#expand"> </a></td>
2275 <a id="Roo.Button-method-setVisible" name=".setVisible"></a>
2276 <div class="fixedFont">
2277 <span class="attributes"></span><b class="itemname">setVisible</b>
2279 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
2286 <div class="short">Convenience function for boolean show/hide</div>
2292 Convenience function for boolean show/hide
2299 <dl class="detailList">
2300 <dt class="heading">Parameters:</dt>
2303 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>visible</b>
2306 <dd>True to show, false to hide</dd>
2324 <td class="msource">
2326 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2332 <tr class="method-row config-row-alt0 expandable">
2333 <td class="micon"><a class="exi" href="#expand"> </a></td>
2337 <a id="Roo.Button-method-show" name=".show"></a>
2338 <div class="fixedFont">
2339 <span class="attributes"></span><b class="itemname">show</b>
2348 <div class="short">Show this button</div>
2375 <td class="msource">
2377 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2383 <tr class="method-row config-row-alt1 expandable">
2384 <td class="micon"><a class="exi" href="#expand"> </a></td>
2388 <a id="Roo.Button-method-toggle" name=".toggle"></a>
2389 <div class="fixedFont">
2390 <span class="attributes"></span><b class="itemname">toggle</b>
2392 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>state</i></B>)
2399 <div class="short">If a state it passed, it becomes the pressed state otherwise the current state is toggled.</div>
2405 If a state it passed, it becomes the pressed state otherwise the current state is toggled.
2412 <dl class="detailList">
2413 <dt class="heading">Parameters:</dt>
2416 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>state</b>
2419 <dd>(optional) Force a particular state</dd>
2437 <td class="msource">
2439 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2445 <tr class="method-row config-row-alt0 expandable">
2446 <td class="micon"><a class="exi" href="#expand"> </a></td>
2450 <a id="Roo.util.Observable-method-un" name=".un"></a>
2451 <div class="fixedFont">
2452 <span class="attributes"></span><b class="itemname">un</b>
2454 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>, <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a> <B><i>handler</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>scope</i></B>)
2461 <div class="short">Removes a listener (shorthand for removeListener)</div>
2467 Removes a listener (shorthand for removeListener)
2474 <dl class="detailList">
2475 <dt class="heading">Parameters:</dt>
2478 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2481 <dd>The type of event to listen for</dd>
2484 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2487 <dd>The handler to remove</dd>
2490 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>scope</b>
2493 <dd>(optional) The scope (this object) for the handler</dd>
2511 <td class="msource">
2513 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2522 <!-- ============================== events summary / details ======================== -->
2525 <a id="Roo.SplitButton-events"></a>
2534 <table cellspacing="0" class="member-table">
2535 <caption>Events</caption>
2538 <th class="sig-header" colspan="2">Event</th>
2539 <th class="msource-header">Defined By</th>
2548 <tr class="method-row expandable config-row-alt0 notInherited">
2549 <td class="micon"><a class="exi" href="#expand"> </a></td>
2552 <a id="Roo.SplitButton-event-*arrowclick"></a>
2554 <div class="fixedFont">
2555 <b class="itemname">arrowclick</b> (SplitButton <B><i>this</i></B>, EventObject <B><i>e</i></B>)
2561 <div class="short">Fires when this button's arrow is clicked
2567 Fires when this button's arrow is clicked
2573 <dl class="detailList">
2574 <dt class="heading">Parameters:</dt>
2577 <span class="fixedFont">SplitButton</span> <b>this</b>
2583 <span class="fixedFont">EventObject</span> <b>e</b>
2586 <dd>The click event</dd>
2604 <td class="msource">
2609 <tr class="method-row expandable config-row-alt1">
2610 <td class="micon"><a class="exi" href="#expand"> </a></td>
2613 <a id="Roo.Button-event-*click"></a>
2615 <div class="fixedFont">
2616 <b class="itemname">click</b> (Button <B><i>this</i></B>, EventObject <B><i>e</i></B>)
2622 <div class="short">Fires when this button is clicked
2628 Fires when this button is clicked
2634 <dl class="detailList">
2635 <dt class="heading">Parameters:</dt>
2638 <span class="fixedFont">Button</span> <b>this</b>
2644 <span class="fixedFont">EventObject</span> <b>e</b>
2647 <dd>The click event</dd>
2665 <td class="msource">
2666 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2670 <tr class="method-row expandable config-row-alt0">
2671 <td class="micon"><a class="exi" href="#expand"> </a></td>
2674 <a id="Roo.Button-event-*mouseout"></a>
2676 <div class="fixedFont">
2677 <b class="itemname">mouseout</b> (Button <B><i>this</i></B>, Event <B><i>e</i></B>)
2683 <div class="short">Fires when the mouse exits the button
2689 Fires when the mouse exits the button
2695 <dl class="detailList">
2696 <dt class="heading">Parameters:</dt>
2699 <span class="fixedFont">Button</span> <b>this</b>
2705 <span class="fixedFont">Event</span> <b>e</b>
2708 <dd>The event object</dd>
2726 <td class="msource">
2727 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2731 <tr class="method-row expandable config-row-alt1">
2732 <td class="micon"><a class="exi" href="#expand"> </a></td>
2735 <a id="Roo.Button-event-*mouseover"></a>
2737 <div class="fixedFont">
2738 <b class="itemname">mouseover</b> (Button <B><i>this</i></B>, Event <B><i>e</i></B>)
2744 <div class="short">Fires when the mouse hovers over the button
2750 Fires when the mouse hovers over the button
2756 <dl class="detailList">
2757 <dt class="heading">Parameters:</dt>
2760 <span class="fixedFont">Button</span> <b>this</b>
2766 <span class="fixedFont">Event</span> <b>e</b>
2769 <dd>The event object</dd>
2787 <td class="msource">
2788 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2792 <tr class="method-row expandable config-row-alt0">
2793 <td class="micon"><a class="exi" href="#expand"> </a></td>
2796 <a id="Roo.Button-event-*render"></a>
2798 <div class="fixedFont">
2799 <b class="itemname">render</b> (Button <B><i>this</i></B>)
2805 <div class="short">Fires when the button is rendered
2811 Fires when the button is rendered
2817 <dl class="detailList">
2818 <dt class="heading">Parameters:</dt>
2821 <span class="fixedFont">Button</span> <b>this</b>
2842 <td class="msource">
2843 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2847 <tr class="method-row expandable config-row-alt1">
2848 <td class="micon"><a class="exi" href="#expand"> </a></td>
2851 <a id="Roo.Button-event-*toggle"></a>
2853 <div class="fixedFont">
2854 <b class="itemname">toggle</b> (Button <B><i>this</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>pressed</i></B>)
2860 <div class="short">Fires when the "pressed" state of this button changes (only if enableToggle = true)
2866 Fires when the "pressed" state of this button changes (only if enableToggle = true)
2872 <dl class="detailList">
2873 <dt class="heading">Parameters:</dt>
2876 <span class="fixedFont">Button</span> <b>this</b>
2882 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>pressed</b>
2903 <td class="msource">
2904 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2915 <!-- ============================== footer ================================= -->
2916 <div class="fineprint" style="clear:both">
2918 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Fri Nov 17 2017 18:23:44 GMT+0800 (HKT)
2920 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>