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.Editor</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.Editor-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
35 <a class="inner-link" href="#Roo.Editor-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
36 <a class="inner-link" href="#Roo.Editor-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
37 <a class="inner-link" href="#Roo.Editor-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.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
48 <img src="../../images/default/s.gif" height="1" width="40"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.Editor
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_Editor.js.html">Roo/Editor.js</a>.
70 <tr><td class="label">Class:</td><td class="hd-info">Editor</td></tr>
73 <tr><td class="label">Subclasses:</td><td class="hd-info">
74 <a href="./Roo.grid.GridEditor.html#constructor" roo:cls="Roo.grid.GridEditor.html#constructor">Roo.grid.GridEditor</a>, <a href="./Roo.tree.TreeEditor.html#constructor" roo:cls="Roo.tree.TreeEditor.html#constructor">Roo.tree.TreeEditor</a>
82 <tr><td class="label">Extends:</td><td class="hd-info">
83 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
91 <!-- ============================== class summary ========================== -->
92 <div class="description">
93 A base editor field that handles displaying/hiding on demand and has some built-in sizing and event handling logic.
97 <!-- ============================== Class comment block... ========================== -->
99 <div class="comments">
100 <b>Class Comments / Notes</B> =>
101 <u onclick="parent.CommentDialog.showCommentId = 'Roo.Editor';">[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.Editor.html"></iframe>
109 <!-- ============================== config options ========================== -->
114 <div class="hr"></div>
115 <a id="Roo.Editor-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">
136 <td class="micon"><a class="exi" href="#expand"> </a></td>
139 <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
140 <div class="fixedFont">
141 <b class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
147 <div class="short">which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'</div>
152 which property holds the element that used for hide() / show() / disable() / enable()<br/>default is 'el'
162 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
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.Editor-cfg-alignment" name=".alignment"></a>
173 <div class="fixedFont">
174 <b class="itemname">alignment</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
180 <div class="short">The position to align to (see {<b>link</b> Roo.Element<b>alignTo</b>} for more details, defaults to "c-c?").</div>
185 The position to align to (see {<b>link</b> Roo.Element<b>alignTo</b>} for more details, defaults to "c-c?").
201 <tr class="config-row expandable config-row-alt0">
202 <td class="micon"><a class="exi" href="#expand"> </a></td>
205 <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
206 <div class="fixedFont">
207 <b class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
213 <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
218 Whether the component can move the Dom node when rendering (defaults to true).
228 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
234 <tr class="config-row expandable config-row-alt1 notInherited">
235 <td class="micon"><a class="exi" href="#expand"> </a></td>
238 <a id="Roo.Editor-cfg-autosize" name=".autosize"></a>
239 <div class="fixedFont">
240 <b class="itemname">autosize</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/String
246 <div class="short">True for the editor to automatically adopt the size of the underlying field, "width" to adopt the width only,<br/>or "height" to adopt the height only (defaults to false)</div>
251 True for the editor to automatically adopt the size of the underlying field, "width" to adopt the width only,<br/>or "height" to adopt the height only (defaults to false)
267 <tr class="config-row expandable config-row-alt0 notInherited">
268 <td class="micon"><a class="exi" href="#expand"> </a></td>
271 <a id="Roo.Editor-cfg-cancelOnEsc" name=".cancelOnEsc"></a>
272 <div class="fixedFont">
273 <b class="itemname">cancelOnEsc</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 cancel the edit when the escape key is pressed (defaults to false)</div>
284 True to cancel the edit when the escape key is pressed (defaults to false)
300 <tr class="config-row expandable config-row-alt1 notInherited">
301 <td class="micon"><a class="exi" href="#expand"> </a></td>
304 <a id="Roo.Editor-cfg-completeOnEnter" name=".completeOnEnter"></a>
305 <div class="fixedFont">
306 <b class="itemname">completeOnEnter</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 complete the edit when the enter key is pressed (defaults to false)</div>
317 True to complete the edit when the enter key is pressed (defaults to false)
333 <tr class="config-row expandable config-row-alt0 notInherited">
334 <td class="micon"><a class="exi" href="#expand"> </a></td>
337 <a id="Roo.Editor-cfg-constrain" name=".constrain"></a>
338 <div class="fixedFont">
339 <b class="itemname">constrain</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
345 <div class="short">True to constrain the editor to the viewport</div>
350 True to constrain the editor to the viewport
366 <tr class="config-row expandable config-row-alt1">
367 <td class="micon"><a class="exi" href="#expand"> </a></td>
370 <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
371 <div class="fixedFont">
372 <b class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
378 <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
383 CSS class added to the component when it is disabled (defaults to "x-item-disabled").
393 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
399 <tr class="config-row expandable config-row-alt0 notInherited">
400 <td class="micon"><a class="exi" href="#expand"> </a></td>
403 <a id="Roo.Editor-cfg-hideEl" name=".hideEl"></a>
404 <div class="fixedFont">
405 <b class="itemname">hideEl</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
411 <div class="short">False to keep the bound element visible while the editor is displayed (defaults to true)</div>
416 False to keep the bound element visible while the editor is displayed (defaults to true)
432 <tr class="config-row expandable config-row-alt1">
433 <td class="micon"><a class="exi" href="#expand"> </a></td>
436 <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
437 <div class="fixedFont">
438 <b class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
444 <div class="short">How this component should hidden.</div>
449 How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
450 <BR/>Possible Values: display, visibility
459 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
465 <tr class="config-row expandable config-row-alt0 notInherited">
466 <td class="micon"><a class="exi" href="#expand"> </a></td>
469 <a id="Roo.Editor-cfg-ignoreNoChange" name=".ignoreNoChange"></a>
470 <div class="fixedFont">
471 <b class="itemname">ignoreNoChange</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
477 <div class="short">True to skip the the edit completion process (no save, no events fired) if the user completes an edit and<br/>the value has not changed (defaults to false).</div>
482 True to skip the the edit completion process (no save, no events fired) if the user completes an edit and<br/>the value has not changed (defaults to false). Applies only to string values - edits for other data types<br/>will never be ignored.
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 notInherited">
532 <td class="micon"><a class="exi" href="#expand"> </a></td>
535 <a id="Roo.Editor-cfg-revertInvalid" name=".revertInvalid"></a>
536 <div class="fixedFont">
537 <b class="itemname">revertInvalid</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
543 <div class="short">True to automatically revert the field value and cancel the edit when the user completes an edit and the field<br/>validation fails (defaults to true)</div>
548 True to automatically revert the field value and cancel the edit when the user completes an edit and the field<br/>validation fails (defaults to true)
564 <tr class="config-row expandable config-row-alt1 notInherited">
565 <td class="micon"><a class="exi" href="#expand"> </a></td>
568 <a id="Roo.Editor-cfg-shadow" name=".shadow"></a>
569 <div class="fixedFont">
570 <b class="itemname">shadow</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/String
576 <div class="short">"sides" for sides/bottom only, "frame" for 4-way shadow, and "drop"<br/>for bottom-right shadow (defaults to "frame")</div>
581 "sides" for sides/bottom only, "frame" for 4-way shadow, and "drop"<br/>for bottom-right shadow (defaults to "frame")
597 <tr class="config-row expandable config-row-alt0 notInherited">
598 <td class="micon"><a class="exi" href="#expand"> </a></td>
601 <a id="Roo.Editor-cfg-updateEl" name=".updateEl"></a>
602 <div class="fixedFont">
603 <b class="itemname">updateEl</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
609 <div class="short">True to update the innerHTML of the bound element when the update completes (defaults to false)</div>
614 True to update the innerHTML of the bound element when the update completes (defaults to false)
630 <tr class="config-row expandable config-row-alt1 notInherited">
631 <td class="micon"><a class="exi" href="#expand"> </a></td>
634 <a id="Roo.Editor-cfg-value" name=".value"></a>
635 <div class="fixedFont">
636 <b class="itemname">value</b> : Mixed
642 <div class="short">The data value of the underlying field (defaults to "")</div>
647 The data value of the underlying field (defaults to "")
673 <!-- ============================== public properties ==================== -->
677 <a id="Roo.Editor-props"></a>
683 <table cellspacing="0" class="member-table">
684 <caption class="Empty">Public Properties - Has None</caption>
690 <!-- ============================== methods summary / details ======================== -->
693 <a id="Roo.Editor-methods"></a>
694 <!-- constructor?? -->
701 <!-- then dynamics first -->
708 <table cellspacing="0" class="member-table">
709 <caption>Public Methods</caption>
711 <th class="sig-header" colspan="2">Method</th>
712 <th class="msource-header">Defined By</th>
722 <tr class="method-row config-row-alt0 expandable notInherited">
723 <td class="micon"><a class="exi" href="#expand"> </a></td>
727 <a id="Roo-method-Editor" name=".Editor"></a>
728 <div class="fixedFont">
729 <span class="attributes">new <B>Roo.</B></span><b class="itemname">Editor</b>
731 (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>field</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>)
739 <div class="short">Create a new Roo.Editor</div>
746 Create a new Roo.Editor
749 <dl class="detailList">
750 <dt class="heading">Parameters:</dt>
753 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>field</b>
756 <dd>The Field object (or descendant)</dd>
759 <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>
762 <dd>The config object</dd>
786 <tr class="method-row config-row-alt1 expandable">
787 <td class="micon"><a class="exi" href="#expand"> </a></td>
791 <a id="Roo.util.Observable-method-addEvents" name=".addEvents"></a>
792 <div class="fixedFont">
793 <span class="attributes"></span><b class="itemname">addEvents</b>
795 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
802 <div class="short">Used to define events on this Observable</div>
808 Used to define events on this Observable
815 <dl class="detailList">
816 <dt class="heading">Parameters:</dt>
819 <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>
822 <dd>The object with the events defined</dd>
842 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
848 <tr class="method-row config-row-alt0 expandable">
849 <td class="micon"><a class="exi" href="#expand"> </a></td>
853 <a id="Roo.util.Observable-method-addListener" name=".addListener"></a>
854 <div class="fixedFont">
855 <span class="attributes"></span><b class="itemname">addListener</b>
857 (<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>)
864 <div class="short">Appends an event handler to this component</div>
870 Appends an event handler to this component
877 <dl class="detailList">
878 <dt class="heading">Parameters:</dt>
881 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
884 <dd>The type of event to listen for</dd>
887 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
890 <dd>The method the event invokes</dd>
893 <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>
896 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
899 <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>
902 <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>
922 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
928 <tr class="method-row config-row-alt1 expandable notInherited">
929 <td class="micon"><a class="exi" href="#expand"> </a></td>
933 <a id="Roo.Editor-method-cancelEdit" name=".cancelEdit"></a>
934 <div class="fixedFont">
935 <span class="attributes"></span><b class="itemname">cancelEdit</b>
937 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>remainVisible</i></B>)
944 <div class="short">Cancels the editing process and hides the editor without persisting any changes.</div>
950 Cancels the editing process and hides the editor without persisting any changes. The field value will be<br/>reverted to the original starting value.
957 <dl class="detailList">
958 <dt class="heading">Parameters:</dt>
961 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>remainVisible</b>
964 <dd>Override the default behavior and keep the editor visible after<br/>cancel (defaults to false)</dd>
990 <tr class="method-row config-row-alt0 expandable notInherited">
991 <td class="micon"><a class="exi" href="#expand"> </a></td>
995 <a id="Roo.Editor-method-completeEdit" name=".completeEdit"></a>
996 <div class="fixedFont">
997 <span class="attributes"></span><b class="itemname">completeEdit</b>
999 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>remainVisible</i></B>)
1006 <div class="short">Ends the editing process, persists the changed value to the underlying field, and hides the editor.</div>
1012 Ends the editing process, persists the changed value to the underlying field, and hides the editor.
1019 <dl class="detailList">
1020 <dt class="heading">Parameters:</dt>
1023 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>remainVisible</b>
1026 <dd>Override the default behavior and keep the editor visible after edit (defaults to false)</dd>
1044 <td class="msource">
1052 <tr class="method-row config-row-alt1 expandable">
1053 <td class="micon"><a class="exi" href="#expand"> </a></td>
1057 <a id="Roo.Component-method-destroy" name=".destroy"></a>
1058 <div class="fixedFont">
1059 <span class="attributes"></span><b class="itemname">destroy</b>
1068 <div class="short">Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.</div>
1074 Destroys this component by purging any event listeners, removing the component's element from the DOM,<br/>removing the component from its {<b>link</b> Roo.Container} (if applicable) and unregistering it from {<b>link</b> Roo.ComponentMgr}.
1095 <td class="msource">
1097 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1103 <tr class="method-row config-row-alt0 expandable">
1104 <td class="micon"><a class="exi" href="#expand"> </a></td>
1108 <a id="Roo.Component-method-disable" name=".disable"></a>
1109 <div class="fixedFont">
1110 <span class="attributes"></span><b class="itemname">disable</b>
1118 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1127 <div class="short">Disable this component.</div>
1133 Disable this component.
1144 <dl class="detailList">
1145 <dt class="heading">Returns:</dt>
1147 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1161 <td class="msource">
1163 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1169 <tr class="method-row config-row-alt1 expandable">
1170 <td class="micon"><a class="exi" href="#expand"> </a></td>
1174 <a id="Roo.Component-method-enable" name=".enable"></a>
1175 <div class="fixedFont">
1176 <span class="attributes"></span><b class="itemname">enable</b>
1184 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1193 <div class="short">Enable this component.</div>
1199 Enable this component.
1210 <dl class="detailList">
1211 <dt class="heading">Returns:</dt>
1213 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1227 <td class="msource">
1229 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1235 <tr class="method-row config-row-alt0 expandable">
1236 <td class="micon"><a class="exi" href="#expand"> </a></td>
1240 <a id="Roo.util.Observable-method-fireEvent" name=".fireEvent"></a>
1241 <div class="fixedFont">
1242 <span class="attributes"></span><b class="itemname">fireEvent</b>
1244 (<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>)
1250 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1259 <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
1265 Fires the specified event with the passed parameters (minus the event name).
1272 <dl class="detailList">
1273 <dt class="heading">Parameters:</dt>
1276 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1282 <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>
1285 <dd>Variable number of parameters are passed to handlers</dd>
1293 <dl class="detailList">
1294 <dt class="heading">Returns:</dt>
1296 <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>
1310 <td class="msource">
1312 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1318 <tr class="method-row config-row-alt1 expandable">
1319 <td class="micon"><a class="exi" href="#expand"> </a></td>
1323 <a id="Roo.Component-method-focus" name=".focus"></a>
1324 <div class="fixedFont">
1325 <span class="attributes"></span><b class="itemname">focus</b>
1327 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
1333 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1342 <div class="short">Try to focus this component.</div>
1348 Try to focus this component.
1355 <dl class="detailList">
1356 <dt class="heading">Parameters:</dt>
1359 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>selectText</b>
1362 <dd>True to also select the text in this component (if applicable)</dd>
1370 <dl class="detailList">
1371 <dt class="heading">Returns:</dt>
1373 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1387 <td class="msource">
1389 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1395 <tr class="method-row config-row-alt0 expandable">
1396 <td class="micon"><a class="exi" href="#expand"> </a></td>
1400 <a id="Roo.Component-method-getEl" name=".getEl"></a>
1401 <div class="fixedFont">
1402 <span class="attributes"></span><b class="itemname">getEl</b>
1410 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1419 <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1425 Returns the underlying {<b>link</b> Roo.Element}.
1436 <dl class="detailList">
1437 <dt class="heading">Returns:</dt>
1439 <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> The element</dd>
1453 <td class="msource">
1455 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1461 <tr class="method-row config-row-alt1 expandable">
1462 <td class="micon"><a class="exi" href="#expand"> </a></td>
1466 <a id="Roo.Component-method-getId" name=".getId"></a>
1467 <div class="fixedFont">
1468 <span class="attributes"></span><b class="itemname">getId</b>
1476 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1485 <div class="short">Returns the id of this component.</div>
1491 Returns the id of this component.
1502 <dl class="detailList">
1503 <dt class="heading">Returns:</dt>
1505 <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> </dd>
1519 <td class="msource">
1521 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1527 <tr class="method-row config-row-alt0 expandable notInherited">
1528 <td class="micon"><a class="exi" href="#expand"> </a></td>
1532 <a id="Roo.Editor-method-getValue" name=".getValue"></a>
1533 <div class="fixedFont">
1534 <span class="attributes"></span><b class="itemname">getValue</b>
1551 <div class="short">Gets the data value of the editor</div>
1557 Gets the data value of the editor
1568 <dl class="detailList">
1569 <dt class="heading">Returns:</dt>
1571 <dd><span class="fixedFont">Mixed</span> The data value</dd>
1585 <td class="msource">
1593 <tr class="method-row config-row-alt1 expandable">
1594 <td class="micon"><a class="exi" href="#expand"> </a></td>
1598 <a id="Roo.util.Observable-method-hasListener" name=".hasListener"></a>
1599 <div class="fixedFont">
1600 <span class="attributes"></span><b class="itemname">hasListener</b>
1602 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1608 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1617 <div class="short">Checks to see if this object has any listeners for a specified event</div>
1623 Checks to see if this object has any listeners for a specified event
1630 <dl class="detailList">
1631 <dt class="heading">Parameters:</dt>
1634 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1637 <dd>The name of the event to check for</dd>
1645 <dl class="detailList">
1646 <dt class="heading">Returns:</dt>
1648 <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>
1662 <td class="msource">
1664 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1670 <tr class="method-row config-row-alt0 expandable">
1671 <td class="micon"><a class="exi" href="#expand"> </a></td>
1675 <a id="Roo.Component-method-hide" name=".hide"></a>
1676 <div class="fixedFont">
1677 <span class="attributes"></span><b class="itemname">hide</b>
1685 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1694 <div class="short">Hide this component.</div>
1700 Hide this component.
1711 <dl class="detailList">
1712 <dt class="heading">Returns:</dt>
1714 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
1728 <td class="msource">
1730 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1736 <tr class="method-row config-row-alt1 expandable">
1737 <td class="micon"><a class="exi" href="#expand"> </a></td>
1741 <a id="Roo.Component-method-isVisible" name=".isVisible"></a>
1742 <div class="fixedFont">
1743 <span class="attributes"></span><b class="itemname">isVisible</b>
1752 <div class="short">Returns true if this component is visible.</div>
1758 Returns true if this component is visible.
1779 <td class="msource">
1781 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1787 <tr class="method-row config-row-alt0 expandable">
1788 <td class="micon"><a class="exi" href="#expand"> </a></td>
1792 <a id="Roo.util.Observable-method-on" name=".on"></a>
1793 <div class="fixedFont">
1794 <span class="attributes"></span><b class="itemname">on</b>
1796 (<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>)
1803 <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1809 Appends an event handler to this element (shorthand for addListener)
1816 <dl class="detailList">
1817 <dt class="heading">Parameters:</dt>
1820 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
1823 <dd>The type of event to listen for</dd>
1826 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
1829 <dd>The method the event invokes</dd>
1832 <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>
1835 <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1838 <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>
1859 <td class="msource">
1861 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1867 <tr class="method-row config-row-alt1 expandable">
1868 <td class="micon"><a class="exi" href="#expand"> </a></td>
1872 <a id="Roo.util.Observable-method-purgeListeners" name=".purgeListeners"></a>
1873 <div class="fixedFont">
1874 <span class="attributes"></span><b class="itemname">purgeListeners</b>
1883 <div class="short">Removes all listeners for this object</div>
1889 Removes all listeners for this object
1910 <td class="msource">
1912 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1918 <tr class="method-row config-row-alt0 expandable notInherited">
1919 <td class="micon"><a class="exi" href="#expand"> </a></td>
1923 <a id="Roo.Editor-method-realign" name=".realign"></a>
1924 <div class="fixedFont">
1925 <span class="attributes"></span><b class="itemname">realign</b>
1934 <div class="short">Realigns the editor to the bound field based on the current alignment config value.</div>
1940 Realigns the editor to the bound field based on the current alignment config value.
1961 <td class="msource">
1969 <tr class="method-row config-row-alt1 expandable">
1970 <td class="micon"><a class="exi" href="#expand"> </a></td>
1974 <a id="Roo.util.Observable-method-removeListener" name=".removeListener"></a>
1975 <div class="fixedFont">
1976 <span class="attributes"></span><b class="itemname">removeListener</b>
1978 (<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>)
1985 <div class="short">Removes a listener</div>
1998 <dl class="detailList">
1999 <dt class="heading">Parameters:</dt>
2002 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2005 <dd>The type of event to listen for</dd>
2008 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2011 <dd>The handler to remove</dd>
2014 <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>
2017 <dd>(optional) The scope (this object) for the handler</dd>
2035 <td class="msource">
2037 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2043 <tr class="method-row config-row-alt0 expandable">
2044 <td class="micon"><a class="exi" href="#expand"> </a></td>
2048 <a id="Roo.Component-method-render" name=".render"></a>
2049 <div class="fixedFont">
2050 <span class="attributes"></span><b class="itemname">render</b>
2052 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
2059 <div class="short">If this is a lazy rendering component, render it to its container element.</div>
2065 If this is a lazy rendering component, render it to its container element.
2072 <dl class="detailList">
2073 <dt class="heading">Parameters:</dt>
2076 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>container</b>
2079 <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
2097 <td class="msource">
2099 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2105 <tr class="method-row config-row-alt1 expandable">
2106 <td class="micon"><a class="exi" href="#expand"> </a></td>
2110 <a id="Roo.Component-method-setDisabled" name=".setDisabled"></a>
2111 <div class="fixedFont">
2112 <span class="attributes"></span><b class="itemname">setDisabled</b>
2114 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
2121 <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
2127 Convenience function for setting disabled/enabled by boolean.
2134 <dl class="detailList">
2135 <dt class="heading">Parameters:</dt>
2138 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>disabled</b>
2159 <td class="msource">
2161 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2167 <tr class="method-row config-row-alt0 expandable notInherited">
2168 <td class="micon"><a class="exi" href="#expand"> </a></td>
2172 <a id="Roo.Editor-method-setSize" name=".setSize"></a>
2173 <div class="fixedFont">
2174 <span class="attributes"></span><b class="itemname">setSize</b>
2176 (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>)
2183 <div class="short">Sets the height and width of this editor.</div>
2189 Sets the height and width of this editor.
2196 <dl class="detailList">
2197 <dt class="heading">Parameters:</dt>
2200 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
2203 <dd>The new width</dd>
2206 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>height</b>
2209 <dd>The new height</dd>
2227 <td class="msource">
2235 <tr class="method-row config-row-alt1 expandable notInherited">
2236 <td class="micon"><a class="exi" href="#expand"> </a></td>
2240 <a id="Roo.Editor-method-setValue" name=".setValue"></a>
2241 <div class="fixedFont">
2242 <span class="attributes"></span><b class="itemname">setValue</b>
2244 (Mixed <B><i>value</i></B>)
2251 <div class="short">Sets the data value of the editor</div>
2257 Sets the data value of the editor
2264 <dl class="detailList">
2265 <dt class="heading">Parameters:</dt>
2268 <span class="fixedFont">Mixed</span> <b>value</b>
2271 <dd>Any valid value supported by the underlying field</dd>
2289 <td class="msource">
2297 <tr class="method-row config-row-alt0 expandable">
2298 <td class="micon"><a class="exi" href="#expand"> </a></td>
2302 <a id="Roo.Component-method-setVisible" name=".setVisible"></a>
2303 <div class="fixedFont">
2304 <span class="attributes"></span><b class="itemname">setVisible</b>
2306 (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
2312 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2321 <div class="short">Convenience function to hide or show this component by boolean.</div>
2327 Convenience function to hide or show this component by boolean.
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>visible</b>
2341 <dd>True to show, false to hide</dd>
2349 <dl class="detailList">
2350 <dt class="heading">Returns:</dt>
2352 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
2366 <td class="msource">
2368 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2374 <tr class="method-row config-row-alt1 expandable">
2375 <td class="micon"><a class="exi" href="#expand"> </a></td>
2379 <a id="Roo.Component-method-show" name=".show"></a>
2380 <div class="fixedFont">
2381 <span class="attributes"></span><b class="itemname">show</b>
2389 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2398 <div class="short">Show this component.</div>
2404 Show this component.
2415 <dl class="detailList">
2416 <dt class="heading">Returns:</dt>
2418 <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> this</dd>
2432 <td class="msource">
2434 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2440 <tr class="method-row config-row-alt0 expandable notInherited">
2441 <td class="micon"><a class="exi" href="#expand"> </a></td>
2445 <a id="Roo.Editor-method-startEdit" name=".startEdit"></a>
2446 <div class="fixedFont">
2447 <span class="attributes"></span><b class="itemname">startEdit</b>
2449 (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
2456 <div class="short">Starts the editing process and shows the editor.</div>
2462 Starts the editing process and shows the editor.
2469 <dl class="detailList">
2470 <dt class="heading">Parameters:</dt>
2473 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span> <b>el</b>
2476 <dd>The element to edit</dd>
2479 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>value</b>
2482 <dd>(optional) A value to initialize the editor with. If a value is not provided, it defaults<br/>to the innerHTML of el.</dd>
2500 <td class="msource">
2508 <tr class="method-row config-row-alt1 expandable">
2509 <td class="micon"><a class="exi" href="#expand"> </a></td>
2513 <a id="Roo.util.Observable-method-un" name=".un"></a>
2514 <div class="fixedFont">
2515 <span class="attributes"></span><b class="itemname">un</b>
2517 (<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>)
2524 <div class="short">Removes a listener (shorthand for removeListener)</div>
2530 Removes a listener (shorthand for removeListener)
2537 <dl class="detailList">
2538 <dt class="heading">Parameters:</dt>
2541 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>eventName</b>
2544 <dd>The type of event to listen for</dd>
2547 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span> <b>handler</b>
2550 <dd>The handler to remove</dd>
2553 <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>
2556 <dd>(optional) The scope (this object) for the handler</dd>
2574 <td class="msource">
2576 <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2585 <!-- ============================== events summary / details ======================== -->
2588 <a id="Roo.Editor-events"></a>
2597 <table cellspacing="0" class="member-table">
2598 <caption>Events</caption>
2601 <th class="sig-header" colspan="2">Event</th>
2602 <th class="msource-header">Defined By</th>
2611 <tr class="method-row expandable config-row-alt0 notInherited">
2612 <td class="micon"><a class="exi" href="#expand"> </a></td>
2615 <a id="Roo.Editor-event-*beforecomplete"></a>
2617 <div class="fixedFont">
2618 <b class="itemname">beforecomplete</b> (Editor <B><i>this</i></B>, Mixed <B><i>value</i></B>, Mixed <B><i>startValue</i></B>)
2624 <div class="short">Fires after a change has been made to the field, but before the change is reflected in the underlying<br/>field.
2630 Fires after a change has been made to the field, but before the change is reflected in the underlying<br/>field. Saving the change to the field can be canceled by returning false from the handler of this event.<br/>Note that if the value has not changed and ignoreNoChange = true, the editing will still end but this<br/>event will not fire since no edit actually occurred.
2636 <dl class="detailList">
2637 <dt class="heading">Parameters:</dt>
2640 <span class="fixedFont">Editor</span> <b>this</b>
2646 <span class="fixedFont">Mixed</span> <b>value</b>
2649 <dd>The current field value</dd>
2652 <span class="fixedFont">Mixed</span> <b>startValue</b>
2655 <dd>The original field value</dd>
2673 <td class="msource">
2678 <tr class="method-row expandable config-row-alt1">
2679 <td class="micon"><a class="exi" href="#expand"> </a></td>
2682 <a id="Roo.Component-event-*beforedestroy"></a>
2684 <div class="fixedFont">
2685 <b class="itemname">beforedestroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2691 <div class="short">Fires before the component is destroyed.
2697 Fires before the component is destroyed. Return false to stop the destroy.
2703 <dl class="detailList">
2704 <dt class="heading">Parameters:</dt>
2707 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2728 <td class="msource">
2729 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2733 <tr class="method-row expandable config-row-alt0">
2734 <td class="micon"><a class="exi" href="#expand"> </a></td>
2737 <a id="Roo.Component-event-*beforehide"></a>
2739 <div class="fixedFont">
2740 <b class="itemname">beforehide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2746 <div class="short">Fires before the component is hidden.
2752 Fires before the component is hidden. Return false to stop the hide.
2758 <dl class="detailList">
2759 <dt class="heading">Parameters:</dt>
2762 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2783 <td class="msource">
2784 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2788 <tr class="method-row expandable config-row-alt1">
2789 <td class="micon"><a class="exi" href="#expand"> </a></td>
2792 <a id="Roo.Component-event-*beforerender"></a>
2794 <div class="fixedFont">
2795 <b class="itemname">beforerender</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2801 <div class="short">Fires before the component is rendered.
2807 Fires before the component is rendered. Return false to stop the render.
2813 <dl class="detailList">
2814 <dt class="heading">Parameters:</dt>
2817 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2838 <td class="msource">
2839 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2843 <tr class="method-row expandable config-row-alt0">
2844 <td class="micon"><a class="exi" href="#expand"> </a></td>
2847 <a id="Roo.Component-event-*beforeshow"></a>
2849 <div class="fixedFont">
2850 <b class="itemname">beforeshow</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
2856 <div class="short">Fires before the component is shown.
2862 Fires before the component is shown. Return false to stop the show.
2868 <dl class="detailList">
2869 <dt class="heading">Parameters:</dt>
2872 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2893 <td class="msource">
2894 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2898 <tr class="method-row expandable config-row-alt1 notInherited">
2899 <td class="micon"><a class="exi" href="#expand"> </a></td>
2902 <a id="Roo.Editor-event-*beforestartedit"></a>
2904 <div class="fixedFont">
2905 <b class="itemname">beforestartedit</b> (Editor <B><i>this</i></B>, <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a> <B><i>boundEl</i></B>, Mixed <B><i>value</i></B>)
2911 <div class="short">Fires when editing is initiated, but before the value changes.
2917 Fires when editing is initiated, but before the value changes. Editing can be canceled by returning<br/>false from the handler of this event.
2923 <dl class="detailList">
2924 <dt class="heading">Parameters:</dt>
2927 <span class="fixedFont">Editor</span> <b>this</b>
2933 <span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> <b>boundEl</b>
2936 <dd>The underlying element bound to this editor</dd>
2939 <span class="fixedFont">Mixed</span> <b>value</b>
2942 <dd>The field value being set</dd>
2960 <td class="msource">
2965 <tr class="method-row expandable config-row-alt0 notInherited">
2966 <td class="micon"><a class="exi" href="#expand"> </a></td>
2969 <a id="Roo.Editor-event-*complete"></a>
2971 <div class="fixedFont">
2972 <b class="itemname">complete</b> (Editor <B><i>this</i></B>, Mixed <B><i>value</i></B>, Mixed <B><i>startValue</i></B>)
2978 <div class="short">Fires after editing is complete and any changed value has been written to the underlying field.
2984 Fires after editing is complete and any changed value has been written to the underlying field.
2990 <dl class="detailList">
2991 <dt class="heading">Parameters:</dt>
2994 <span class="fixedFont">Editor</span> <b>this</b>
3000 <span class="fixedFont">Mixed</span> <b>value</b>
3003 <dd>The current field value</dd>
3006 <span class="fixedFont">Mixed</span> <b>startValue</b>
3009 <dd>The original field value</dd>
3027 <td class="msource">
3032 <tr class="method-row expandable config-row-alt1">
3033 <td class="micon"><a class="exi" href="#expand"> </a></td>
3036 <a id="Roo.Component-event-*destroy"></a>
3038 <div class="fixedFont">
3039 <b class="itemname">destroy</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
3045 <div class="short">Fires after the component is destroyed.
3051 Fires after the component is destroyed.
3057 <dl class="detailList">
3058 <dt class="heading">Parameters:</dt>
3061 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3082 <td class="msource">
3083 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3087 <tr class="method-row expandable config-row-alt0">
3088 <td class="micon"><a class="exi" href="#expand"> </a></td>
3091 <a id="Roo.Component-event-*disable"></a>
3093 <div class="fixedFont">
3094 <b class="itemname">disable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
3100 <div class="short">Fires after the component is disabled.
3106 Fires after the component is disabled.
3112 <dl class="detailList">
3113 <dt class="heading">Parameters:</dt>
3116 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3137 <td class="msource">
3138 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3142 <tr class="method-row expandable config-row-alt1">
3143 <td class="micon"><a class="exi" href="#expand"> </a></td>
3146 <a id="Roo.Component-event-*enable"></a>
3148 <div class="fixedFont">
3149 <b class="itemname">enable</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
3155 <div class="short">Fires after the component is enabled.
3161 Fires after the component is enabled.
3167 <dl class="detailList">
3168 <dt class="heading">Parameters:</dt>
3171 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3192 <td class="msource">
3193 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3197 <tr class="method-row expandable config-row-alt0">
3198 <td class="micon"><a class="exi" href="#expand"> </a></td>
3201 <a id="Roo.Component-event-*hide"></a>
3203 <div class="fixedFont">
3204 <b class="itemname">hide</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
3210 <div class="short">Fires after the component is hidden.
3216 Fires after the component is hidden.
3222 <dl class="detailList">
3223 <dt class="heading">Parameters:</dt>
3226 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3247 <td class="msource">
3248 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3252 <tr class="method-row expandable config-row-alt1">
3253 <td class="micon"><a class="exi" href="#expand"> </a></td>
3256 <a id="Roo.Component-event-*render"></a>
3258 <div class="fixedFont">
3259 <b class="itemname">render</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
3265 <div class="short">Fires after the component is rendered.
3271 Fires after the component is rendered.
3277 <dl class="detailList">
3278 <dt class="heading">Parameters:</dt>
3281 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3302 <td class="msource">
3303 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3307 <tr class="method-row expandable config-row-alt0">
3308 <td class="micon"><a class="exi" href="#expand"> </a></td>
3311 <a id="Roo.Component-event-*show"></a>
3313 <div class="fixedFont">
3314 <b class="itemname">show</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>)
3320 <div class="short">Fires after the component is shown.
3326 Fires after the component is shown.
3332 <dl class="detailList">
3333 <dt class="heading">Parameters:</dt>
3336 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3357 <td class="msource">
3358 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3362 <tr class="method-row expandable config-row-alt1 notInherited">
3363 <td class="micon"><a class="exi" href="#expand"> </a></td>
3366 <a id="Roo.Editor-event-*specialkey"></a>
3368 <div class="fixedFont">
3369 <b class="itemname">specialkey</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
3375 <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
3381 Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed. You can check<br/>{<b>link</b> Roo.EventObject<b>getKey</b>} to determine which key was pressed.
3387 <dl class="detailList">
3388 <dt class="heading">Parameters:</dt>
3391 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
3397 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
3400 <dd>The event object</dd>
3418 <td class="msource">
3423 <tr class="method-row expandable config-row-alt0 notInherited">
3424 <td class="micon"><a class="exi" href="#expand"> </a></td>
3427 <a id="Roo.Editor-event-*startedit"></a>
3429 <div class="fixedFont">
3430 <b class="itemname">startedit</b> (<a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a> <B><i>boundEl</i></B>, Mixed <B><i>value</i></B>)
3436 <div class="short">Fires when this editor is displayed
3442 Fires when this editor is displayed
3448 <dl class="detailList">
3449 <dt class="heading">Parameters:</dt>
3452 <span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span> <b>boundEl</b>
3455 <dd>The underlying element bound to this editor</dd>
3458 <span class="fixedFont">Mixed</span> <b>value</b>
3461 <dd>The starting field value</dd>
3479 <td class="msource">
3491 <!-- ============================== footer ================================= -->
3492 <div class="fineprint" style="clear:both">
3494 Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a> on Mon Feb 22 2016 16:47:44 GMT+0800 (HKT)
3496 <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>