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>
151 <div class="long">A function called when the arrow button is clicked (can be used instead of click event)</div>
165 <tr class="config-row expandable config-row-alt1 notInherited">
166 <td class="micon"><a class="exi" href="#expand"> </a></td>
169 <a id="Roo.SplitButton-cfg-arrowTooltip" name=".arrowTooltip"></a>
170 <div class="fixedFont">
171 <b class="itemname">arrowTooltip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
177 <div class="short">The title attribute of the arrow</div>
181 <div class="long">The title attribute of the arrow</div>
195 <tr class="config-row expandable config-row-alt0">
196 <td class="micon"><a class="exi" href="#expand"> </a></td>
199 <a id="Roo.Button-cfg-clickEvent" name=".clickEvent"></a>
200 <div class="fixedFont">
201 <b class="itemname">clickEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
207 <div class="short">The type of event to map to the button's event handler (defaults to 'click')</div>
211 <div class="long">The type of event to map to the button's event handler (defaults to 'click')</div>
219 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
225 <tr class="config-row expandable config-row-alt1">
226 <td class="micon"><a class="exi" href="#expand"> </a></td>
229 <a id="Roo.Button-cfg-cls" name=".cls"></a>
230 <div class="fixedFont">
231 <b class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
237 <div class="short">A CSS class to apply to the button's main element.</div>
241 <div class="long">A CSS class to apply to the button's main element.</div>
249 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
255 <tr class="config-row expandable config-row-alt0">
256 <td class="micon"><a class="exi" href="#expand"> </a></td>
259 <a id="Roo.Button-cfg-disabled" name=".disabled"></a>
260 <div class="fixedFont">
261 <b class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
267 <div class="short">True to start disabled (defaults to false)</div>
271 <div class="long">True to start disabled (defaults to false)</div>
279 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
285 <tr class="config-row expandable config-row-alt1">
286 <td class="micon"><a class="exi" href="#expand"> </a></td>
289 <a id="Roo.Button-cfg-enableToggle" name=".enableToggle"></a>
290 <div class="fixedFont">
291 <b class="itemname">enableToggle</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
297 <div class="short">True to enable pressed/not pressed toggling (defaults to false)</div>
301 <div class="long">True to enable pressed/not pressed toggling (defaults to false)</div>
309 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
315 <tr class="config-row expandable config-row-alt0">
316 <td class="micon"><a class="exi" href="#expand"> </a></td>
319 <a id="Roo.Button-cfg-handleMouseEvents" name=".handleMouseEvents"></a>
320 <div class="fixedFont">
321 <b class="itemname">handleMouseEvents</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
327 <div class="short">False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)</div>
331 <div class="long">False to disable visual cues on mouseover, mouseout and mousedown (defaults to true)</div>
339 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
345 <tr class="config-row expandable config-row-alt1">
346 <td class="micon"><a class="exi" href="#expand"> </a></td>
349 <a id="Roo.Button-cfg-handler" name=".handler"></a>
350 <div class="fixedFont">
351 <b class="itemname">handler</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
357 <div class="short">A function called when the button is clicked (can be used instead of click event)</div>
361 <div class="long">A function called when the button is clicked (can be used instead of click event)</div>
369 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
375 <tr class="config-row expandable config-row-alt0">
376 <td class="micon"><a class="exi" href="#expand"> </a></td>
379 <a id="Roo.Button-cfg-hidden" name=".hidden"></a>
380 <div class="fixedFont">
381 <b class="itemname">hidden</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
387 <div class="short">True to start hidden (defaults to false)</div>
391 <div class="long">True to start hidden (defaults to false)</div>
399 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
405 <tr class="config-row expandable config-row-alt1">
406 <td class="micon"><a class="exi" href="#expand"> </a></td>
409 <a id="Roo.Button-cfg-icon" name=".icon"></a>
410 <div class="fixedFont">
411 <b class="itemname">icon</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
417 <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>
421 <div class="long">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>
429 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
435 <tr class="config-row expandable config-row-alt0">
436 <td class="micon"><a class="exi" href="#expand"> </a></td>
439 <a id="Roo.Button-cfg-iconCls" name=".iconCls"></a>
440 <div class="fixedFont">
441 <b class="itemname">iconCls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
447 <div class="short">A css class which sets a background image to be used as the icon for this button (defaults to undefined).</div>
451 <div class="long">A css class which sets a background image to be used as the icon for this button (defaults to undefined).</div>
459 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
465 <tr class="config-row expandable config-row-alt1">
466 <td class="micon"><a class="exi" href="#expand"> </a></td>
469 <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
470 <div class="fixedFont">
471 <b class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
477 <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>
481 <div class="long">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></div>
489 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
495 <tr class="config-row expandable config-row-alt0">
496 <td class="micon"><a class="exi" href="#expand"> </a></td>
499 <a id="Roo.Button-cfg-menu" name=".menu"></a>
500 <div class="fixedFont">
501 <b class="itemname">menu</b> : Mixed
507 <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>
511 <div class="long">Standard menu attribute consisting of a reference to a menu object, a menu id or a menu config blob (defaults to undefined).</div>
519 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
525 <tr class="config-row expandable config-row-alt1">
526 <td class="micon"><a class="exi" href="#expand"> </a></td>
529 <a id="Roo.Button-cfg-menuAlign" name=".menuAlign"></a>
530 <div class="fixedFont">
531 <b class="itemname">menuAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
537 <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>
541 <div class="long">The position to align the menu to (see {<b>link</b> Roo.Element<b>alignTo</b>} for more details, defaults to 'tl-bl?').</div>
549 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
555 <tr class="config-row expandable config-row-alt0">
556 <td class="micon"><a class="exi" href="#expand"> </a></td>
559 <a id="Roo.Button-cfg-minWidth" name=".minWidth"></a>
560 <div class="fixedFont">
561 <b class="itemname">minWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
567 <div class="short">The minimum width for this button (used to give a set of buttons a common width)</div>
571 <div class="long">The minimum width for this button (used to give a set of buttons a common width)</div>
579 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
585 <tr class="config-row expandable config-row-alt1">
586 <td class="micon"><a class="exi" href="#expand"> </a></td>
589 <a id="Roo.Button-cfg-pressed" name=".pressed"></a>
590 <div class="fixedFont">
591 <b class="itemname">pressed</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
597 <div class="short">True to start pressed (only if enableToggle = true)</div>
601 <div class="long">True to start pressed (only if enableToggle = true)</div>
609 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
615 <tr class="config-row expandable config-row-alt0">
616 <td class="micon"><a class="exi" href="#expand"> </a></td>
619 <a id="Roo.Button-cfg-renderTo" name=".renderTo"></a>
620 <div class="fixedFont">
621 <b class="itemname">renderTo</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element
627 <div class="short">The element to append the button to</div>
631 <div class="long">The element to append the button to</div>
639 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
645 <tr class="config-row expandable config-row-alt1">
646 <td class="micon"><a class="exi" href="#expand"> </a></td>
649 <a id="Roo.Button-cfg-repeat" name=".repeat"></a>
650 <div class="fixedFont">
651 <b class="itemname">repeat</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object
657 <div class="short">True to repeat fire the click event while the mouse is down.</div>
661 <div class="long">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).</div>
669 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
675 <tr class="config-row expandable config-row-alt0">
676 <td class="micon"><a class="exi" href="#expand"> </a></td>
679 <a id="Roo.Button-cfg-scope" name=".scope"></a>
680 <div class="fixedFont">
681 <b class="itemname">scope</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
687 <div class="short">The scope of the handler</div>
691 <div class="long">The scope of the handler</div>
699 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
705 <tr class="config-row expandable config-row-alt1">
706 <td class="micon"><a class="exi" href="#expand"> </a></td>
709 <a id="Roo.Button-cfg-tabIndex" name=".tabIndex"></a>
710 <div class="fixedFont">
711 <b class="itemname">tabIndex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
717 <div class="short">The DOM tabIndex for this button (defaults to undefined)</div>
721 <div class="long">The DOM tabIndex for this button (defaults to undefined)</div>
729 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
735 <tr class="config-row expandable config-row-alt0">
736 <td class="micon"><a class="exi" href="#expand"> </a></td>
739 <a id="Roo.Button-cfg-template" name=".template"></a>
740 <div class="fixedFont">
741 <b class="itemname">template</b> : <a href="./Roo.Template.html#constructor" roo:cls="Roo.Template.html#constructor">Roo.Template</a>
747 <div class="short">(Optional)<br/>An {<b>link</b> Roo.Template} with which to create the Button's main element.</div>
751 <div class="long">(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.</div>
759 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
765 <tr class="config-row expandable config-row-alt1">
766 <td class="micon"><a class="exi" href="#expand"> </a></td>
769 <a id="Roo.Button-cfg-text" name=".text"></a>
770 <div class="fixedFont">
771 <b class="itemname">text</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
777 <div class="short">The button text</div>
781 <div class="long">The button text</div>
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-toggleGroup" name=".toggleGroup"></a>
800 <div class="fixedFont">
801 <b class="itemname">toggleGroup</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
807 <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>
811 <div class="long">The group this toggle button is a member of (only 1 per group can be pressed, only<br/> applies if enableToggle = true)</div>
819 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
825 <tr class="config-row expandable config-row-alt1">
826 <td class="micon"><a class="exi" href="#expand"> </a></td>
829 <a id="Roo.Button-cfg-tooltip" name=".tooltip"></a>
830 <div class="fixedFont">
831 <b class="itemname">tooltip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object
837 <div class="short">The tooltip for the button - can be a string or QuickTips config object</div>
841 <div class="long">The tooltip for the button - can be a string or QuickTips config object</div>
849 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
855 <tr class="config-row expandable config-row-alt0">
856 <td class="micon"><a class="exi" href="#expand"> </a></td>
859 <a id="Roo.Button-cfg-tooltipType" name=".tooltipType"></a>
860 <div class="fixedFont">
861 <b class="itemname">tooltipType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
867 <div class="short">The type of tooltip to use.</div>
871 <div class="long">The type of tooltip to use. Either "qtip" (default) for QuickTips or "title" for title attribute.</div>
879 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
885 <tr class="config-row expandable config-row-alt1">
886 <td class="micon"><a class="exi" href="#expand"> </a></td>
889 <a id="Roo.Button-cfg-type" name=".type"></a>
890 <div class="fixedFont">
891 <b class="itemname">type</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
897 <div class="short">The button's type, corresponding to the DOM input element type attribute.</div>
901 <div class="long">The button's type, corresponding to the DOM input element type attribute. Either "submit," "reset" or "button" (default).</div>
909 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
925 <!-- ============================== public properties ==================== -->
929 <a id="Roo.SplitButton-props"></a>
935 <table cellspacing="0" class="member-table">
936 <caption class="Empty">Public Properties - Has None</caption>
942 <!-- ============================== methods summary / details ======================== -->
945 <a id="Roo.SplitButton-methods"></a>
946 <!-- constructor?? -->
953 <!-- then dynamics first -->
960 <table cellspacing="0" class="member-table">
961 <caption>Public Methods</caption>
963 <th class="sig-header" colspan="2">Method</th>
964 <th class="msource-header">Defined By</th>
974 <tr class="method-row config-row-alt0 expandable notInherited">
975 <td class="micon"><a class="exi" href="#expand"> </a></td>
979 <a id="Roo-method-SplitButton" name=".SplitButton"></a>
980 <div class="fixedFont">
981 <span class="attributes">new <B>Roo.</B></span><b class="itemname">SplitButton</b>
983 (<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>)
991 <div class="short">Create a new Roo.SplitButton</div>
998 Create a new Roo.SplitButton
1001 <dl class="detailList">
1002 <dt class="heading">Parameters:</dt>
1005 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>renderTo</b>
1008 <dd>The element to append the button to</dd>
1011 <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>
1014 <dd>The config object</dd>
1032 <td class="msource">
1038 <tr class="method-row config-row-alt1 expandable">
1039 <td class="micon"><a class="exi" href="#expand"> </a></td>
1043 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
1044 <div class="fixedFont">
1045 <span class="attributes"></span><b class="itemname">addEvents</b>
1047 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
1054 <div class="short">Used to define events on this Observable</div>
1060 Used to define events on this Observable
1067 <dl class="detailList">
1068 <dt class="heading">Parameters:</dt>
1071 <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>
1074 <dd>The object with the events defined</dd>
1092 <td class="msource">
1094 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1100 <tr class="method-row config-row-alt0 expandable">
1101 <td class="micon"><a class="exi" href="#expand"> </a></td>
1105 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
1106 <div class="fixedFont">
1107 <span class="attributes"></span><b class="itemname">addListener</b>
1109 (<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>)
1116 <div class="short">Appends an event handler to this component</div>
1122 Appends an event handler to this component
1129 <dl class="detailList">
1130 <dt class="heading">Parameters:</dt>
1133 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1136 <dd>The type of event to listen for</dd>
1139 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1142 <dd>The method the event invokes</dd>
1145 <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>
1148 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1151 <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>
1154 <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>
1172 <td class="msource">
1174 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1180 <tr class="method-row config-row-alt1 expandable">
1181 <td class="micon"><a class="exi" href="#expand"> </a></td>
1185 <a id="Roo.Button-method-destroy" name=".destroy"></a>
1186 <div class="fixedFont">
1187 <span class="attributes"></span><b class="itemname">destroy</b>
1196 <div class="short">Destroys this Button and removes any listeners.</div>
1202 Destroys this Button and removes any listeners.
1223 <td class="msource">
1225 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1231 <tr class="method-row config-row-alt0 expandable">
1232 <td class="micon"><a class="exi" href="#expand"> </a></td>
1236 <a id="Roo.Button-method-disable" name=".disable"></a>
1237 <div class="fixedFont">
1238 <span class="attributes"></span><b class="itemname">disable</b>
1247 <div class="short">Disable this button</div>
1274 <td class="msource">
1276 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1282 <tr class="method-row config-row-alt1 expandable">
1283 <td class="micon"><a class="exi" href="#expand"> </a></td>
1287 <a id="Roo.Button-method-enable" name=".enable"></a>
1288 <div class="fixedFont">
1289 <span class="attributes"></span><b class="itemname">enable</b>
1298 <div class="short">Enable this button</div>
1325 <td class="msource">
1327 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1333 <tr class="method-row config-row-alt0 expandable">
1334 <td class="micon"><a class="exi" href="#expand"> </a></td>
1338 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1339 <div class="fixedFont">
1340 <span class="attributes"></span><b class="itemname">fireEvent</b>
1342 (<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>)
1348 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1357 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1363 Fires the specified event with the passed parameters (minus the event name).
1370 <dl class="detailList">
1371 <dt class="heading">Parameters:</dt>
1374 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1380 <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>
1383 <dd>Variable number of parameters are passed to handlers</dd>
1391 <dl class="detailList">
1392 <dt class="heading">Returns:</dt>
1394 <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>
1408 <td class="msource">
1410 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1416 <tr class="method-row config-row-alt1 expandable notInherited">
1417 <td class="micon"><a class="exi" href="#expand"> </a></td>
1421 <a id="Roo.SplitButton-method-focus" name=".focus"></a>
1422 <div class="fixedFont">
1423 <span class="attributes"></span><b class="itemname">focus</b>
1432 <div class="short">Focus the button</div>
1459 <td class="msource">
1467 <tr class="method-row config-row-alt0 expandable">
1468 <td class="micon"><a class="exi" href="#expand"> </a></td>
1472 <a id="Roo.Button-method-getEl" name=".getEl"></a>
1473 <div class="fixedFont">
1474 <span class="attributes"></span><b class="itemname">getEl</b>
1482 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1491 <div class="short">Returns the button's underlying element</div>
1497 Returns the button's underlying element
1508 <dl class="detailList">
1509 <dt class="heading">Returns:</dt>
1511 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The element</dd>
1525 <td class="msource">
1527 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1533 <tr class="method-row config-row-alt1 expandable">
1534 <td class="micon"><a class="exi" href="#expand"> </a></td>
1538 <a id="Roo.Button-method-getText" name=".getText"></a>
1539 <div class="fixedFont">
1540 <span class="attributes"></span><b class="itemname">getText</b>
1548 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1557 <div class="short">Gets the text for this button</div>
1563 Gets the text for this button
1574 <dl class="detailList">
1575 <dt class="heading">Returns:</dt>
1577 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> The button text</dd>
1591 <td class="msource">
1593 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1599 <tr class="method-row config-row-alt0 expandable">
1600 <td class="micon"><a class="exi" href="#expand"> </a></td>
1604 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1605 <div class="fixedFont">
1606 <span class="attributes"></span><b class="itemname">hasListener</b>
1608 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1614 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1623 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1629 Checks to see if this object has any listeners for a specified event
1636 <dl class="detailList">
1637 <dt class="heading">Parameters:</dt>
1640 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1643 <dd>The name of the event to check for</dd>
1651 <dl class="detailList">
1652 <dt class="heading">Returns:</dt>
1654 <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>
1668 <td class="msource">
1670 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1676 <tr class="method-row config-row-alt1 expandable">
1677 <td class="micon"><a class="exi" href="#expand"> </a></td>
1681 <a id="Roo.Button-method-hide" name=".hide"></a>
1682 <div class="fixedFont">
1683 <span class="attributes"></span><b class="itemname">hide</b>
1692 <div class="short">Hide this button</div>
1719 <td class="msource">
1721 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
1727 <tr class="method-row config-row-alt0 expandable">
1728 <td class="micon"><a class="exi" href="#expand"> </a></td>
1732 <a id="Roo.util.Observable-method-on" name=".on"></a>
1733 <div class="fixedFont">
1734 <span class="attributes"></span><b class="itemname">on</b>
1736 (<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>)
1743 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1749 Appends an event handler to this element (shorthand for addListener)
1756 <dl class="detailList">
1757 <dt class="heading">Parameters:</dt>
1760 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1763 <dd>The type of event to listen for</dd>
1766 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1769 <dd>The method the event invokes</dd>
1772 <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>
1775 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1778 <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>
1799 <td class="msource">
1801 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1807 <tr class="method-row config-row-alt1 expandable">
1808 <td class="micon"><a class="exi" href="#expand"> </a></td>
1812 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
1813 <div class="fixedFont">
1814 <span class="attributes"></span><b class="itemname">purgeListeners</b>
1823 <div class="short">Removes all listeners for this object</div>
1829 Removes all listeners for this object
1850 <td class="msource">
1852 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1858 <tr class="method-row config-row-alt0 expandable">
1859 <td class="micon"><a class="exi" href="#expand"> </a></td>
1863 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
1864 <div class="fixedFont">
1865 <span class="attributes"></span><b class="itemname">removeListener</b>
1867 (<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>)
1874 <div class="short">Removes a listener</div>
1887 <dl class="detailList">
1888 <dt class="heading">Parameters:</dt>
1891 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1894 <dd>The type of event to listen for</dd>
1897 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1900 <dd>The handler to remove</dd>
1903 <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>
1906 <dd>(optional) The scope (this object) for the handler</dd>
1924 <td class="msource">
1926 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1932 <tr class="method-row config-row-alt1 expandable notInherited">
1933 <td class="micon"><a class="exi" href="#expand"> </a></td>
1937 <a id="Roo.SplitButton-method-setArrowHandler" name=".setArrowHandler"></a>
1938 <div class="fixedFont">
1939 <span class="attributes"></span><b class="itemname">setArrowHandler</b>
1941 (<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>)
1948 <div class="short">Sets this button's arrow click handler</div>
1954 Sets this button's arrow click handler
1961 <dl class="detailList">
1962 <dt class="heading">Parameters:</dt>
1965 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1968 <dd>The function to call when the arrow is clicked</dd>
1971 <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>
1974 <dd>(optional) Scope for the function passed above</dd>
1992 <td class="msource">
2000 <tr class="method-row config-row-alt0 expandable">
2001 <td class="micon"><a class="exi" href="#expand"> </a></td>
2005 <a id="Roo.Button-method-setDisabled" name=".setDisabled"></a>
2006 <div class="fixedFont">
2007 <span class="attributes"></span><b class="itemname">setDisabled</b>
2009 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>enabled</i></B>)
2016 <div class="short">Convenience function for boolean enable/disable</div>
2022 Convenience function for boolean enable/disable
2029 <dl class="detailList">
2030 <dt class="heading">Parameters:</dt>
2033 <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>
2036 <dd>True to enable, false to disable</dd>
2054 <td class="msource">
2056 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2062 <tr class="method-row config-row-alt1 expandable notInherited">
2063 <td class="micon"><a class="exi" href="#expand"> </a></td>
2067 <a id="Roo.SplitButton-method-setHandler" name=".setHandler"></a>
2068 <div class="fixedFont">
2069 <span class="attributes"></span><b class="itemname">setHandler</b>
2071 (<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>)
2078 <div class="short">Sets this button's click handler</div>
2084 Sets this button's click handler
2091 <dl class="detailList">
2092 <dt class="heading">Parameters:</dt>
2095 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2098 <dd>The function to call when the button is clicked</dd>
2101 <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>
2104 <dd>(optional) Scope for the function passed above</dd>
2122 <td class="msource">
2130 <tr class="method-row config-row-alt0 expandable">
2131 <td class="micon"><a class="exi" href="#expand"> </a></td>
2135 <a id="Roo.Button-method-setText" name=".setText"></a>
2136 <div class="fixedFont">
2137 <span class="attributes"></span><b class="itemname">setText</b>
2139 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>text</i></B>)
2146 <div class="short">Sets this button's text</div>
2152 Sets this button's text
2159 <dl class="detailList">
2160 <dt class="heading">Parameters:</dt>
2163 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>text</b>
2166 <dd>The button text</dd>
2184 <td class="msource">
2186 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2192 <tr class="method-row config-row-alt1 expandable">
2193 <td class="micon"><a class="exi" href="#expand"> </a></td>
2197 <a id="Roo.Button-method-setVisible" name=".setVisible"></a>
2198 <div class="fixedFont">
2199 <span class="attributes"></span><b class="itemname">setVisible</b>
2201 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
2208 <div class="short">Convenience function for boolean show/hide</div>
2214 Convenience function for boolean show/hide
2221 <dl class="detailList">
2222 <dt class="heading">Parameters:</dt>
2225 <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>
2228 <dd>True to show, false to hide</dd>
2246 <td class="msource">
2248 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2254 <tr class="method-row config-row-alt0 expandable">
2255 <td class="micon"><a class="exi" href="#expand"> </a></td>
2259 <a id="Roo.Button-method-show" name=".show"></a>
2260 <div class="fixedFont">
2261 <span class="attributes"></span><b class="itemname">show</b>
2270 <div class="short">Show this button</div>
2297 <td class="msource">
2299 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2305 <tr class="method-row config-row-alt1 expandable">
2306 <td class="micon"><a class="exi" href="#expand"> </a></td>
2310 <a id="Roo.Button-method-toggle" name=".toggle"></a>
2311 <div class="fixedFont">
2312 <span class="attributes"></span><b class="itemname">toggle</b>
2314 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>state</i></B>)
2321 <div class="short">If a state it passed, it becomes the pressed state otherwise the current state is toggled.</div>
2327 If a state it passed, it becomes the pressed state otherwise the current state is toggled.
2334 <dl class="detailList">
2335 <dt class="heading">Parameters:</dt>
2338 <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>
2341 <dd>(optional) Force a particular state</dd>
2359 <td class="msource">
2361 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2367 <tr class="method-row config-row-alt0 expandable">
2368 <td class="micon"><a class="exi" href="#expand"> </a></td>
2372 <a id="Roo.util.Observable-method-un" name=".un"></a>
2373 <div class="fixedFont">
2374 <span class="attributes"></span><b class="itemname">un</b>
2376 (<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>)
2383 <div class="short">Removes a listener (shorthand for removeListener)</div>
2389 Removes a listener (shorthand for removeListener)
2396 <dl class="detailList">
2397 <dt class="heading">Parameters:</dt>
2400 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2403 <dd>The type of event to listen for</dd>
2406 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2409 <dd>The handler to remove</dd>
2412 <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>
2415 <dd>(optional) The scope (this object) for the handler</dd>
2433 <td class="msource">
2435 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2444 <!-- ============================== events summary / details ======================== -->
2447 <a id="Roo.SplitButton-events"></a>
2456 <table cellspacing="0" class="member-table">
2457 <caption>Events</caption>
2460 <th class="sig-header" colspan="2">Event</th>
2461 <th class="msource-header">Defined By</th>
2470 <tr class="method-row expandable config-row-alt0 notInherited">
2471 <td class="micon"><a class="exi" href="#expand"> </a></td>
2474 <a id="Roo.SplitButton-event-*arrowclick"></a>
2476 <div class="fixedFont">
2477 <b class="itemname">arrowclick</b> (SplitButton <B><i>this</i></B>, EventObject <B><i>e</i></B>)
2483 <div class="short">Fires when this button's arrow is clicked
2489 Fires when this button's arrow is clicked
2495 <dl class="detailList">
2496 <dt class="heading">Parameters:</dt>
2499 <span class="fixedFont">SplitButton</span> <b>this</b>
2505 <span class="fixedFont">EventObject</span> <b>e</b>
2508 <dd>The click event</dd>
2526 <td class="msource">
2531 <tr class="method-row expandable config-row-alt1">
2532 <td class="micon"><a class="exi" href="#expand"> </a></td>
2535 <a id="Roo.Button-event-*click"></a>
2537 <div class="fixedFont">
2538 <b class="itemname">click</b> (Button <B><i>this</i></B>, EventObject <B><i>e</i></B>)
2544 <div class="short">Fires when this button is clicked
2550 Fires when this button is clicked
2556 <dl class="detailList">
2557 <dt class="heading">Parameters:</dt>
2560 <span class="fixedFont">Button</span> <b>this</b>
2566 <span class="fixedFont">EventObject</span> <b>e</b>
2569 <dd>The click event</dd>
2587 <td class="msource">
2588 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2592 <tr class="method-row expandable config-row-alt0">
2593 <td class="micon"><a class="exi" href="#expand"> </a></td>
2596 <a id="Roo.Button-event-*mouseout"></a>
2598 <div class="fixedFont">
2599 <b class="itemname">mouseout</b> (Button <B><i>this</i></B>, Event <B><i>e</i></B>)
2605 <div class="short">Fires when the mouse exits the button
2611 Fires when the mouse exits the button
2617 <dl class="detailList">
2618 <dt class="heading">Parameters:</dt>
2621 <span class="fixedFont">Button</span> <b>this</b>
2627 <span class="fixedFont">Event</span> <b>e</b>
2630 <dd>The event object</dd>
2648 <td class="msource">
2649 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2653 <tr class="method-row expandable config-row-alt1">
2654 <td class="micon"><a class="exi" href="#expand"> </a></td>
2657 <a id="Roo.Button-event-*mouseover"></a>
2659 <div class="fixedFont">
2660 <b class="itemname">mouseover</b> (Button <B><i>this</i></B>, Event <B><i>e</i></B>)
2666 <div class="short">Fires when the mouse hovers over the button
2672 Fires when the mouse hovers over the button
2678 <dl class="detailList">
2679 <dt class="heading">Parameters:</dt>
2682 <span class="fixedFont">Button</span> <b>this</b>
2688 <span class="fixedFont">Event</span> <b>e</b>
2691 <dd>The event object</dd>
2709 <td class="msource">
2710 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2714 <tr class="method-row expandable config-row-alt0">
2715 <td class="micon"><a class="exi" href="#expand"> </a></td>
2718 <a id="Roo.Button-event-*render"></a>
2720 <div class="fixedFont">
2721 <b class="itemname">render</b> (Button <B><i>this</i></B>)
2727 <div class="short">Fires when the button is rendered
2733 Fires when the button is rendered
2739 <dl class="detailList">
2740 <dt class="heading">Parameters:</dt>
2743 <span class="fixedFont">Button</span> <b>this</b>
2764 <td class="msource">
2765 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2769 <tr class="method-row expandable config-row-alt1">
2770 <td class="micon"><a class="exi" href="#expand"> </a></td>
2773 <a id="Roo.Button-event-*toggle"></a>
2775 <div class="fixedFont">
2776 <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>)
2782 <div class="short">Fires when the "pressed" state of this button changes (only if enableToggle = true)
2788 Fires when the "pressed" state of this button changes (only if enableToggle = true)
2794 <dl class="detailList">
2795 <dt class="heading">Parameters:</dt>
2798 <span class="fixedFont">Button</span> <b>this</b>
2804 <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>
2825 <td class="msource">
2826 <a href="./Roo.Button.html#constructor" roo:cls="Roo.Button.html#constructor">Roo.Button</a>
2837 <!-- ============================== footer ================================= -->
2838 <div class="fineprint" style="clear:both">
2840 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Wed Jan 29 2014 22:55:56 GMT+0800 (HKT)
2842 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>