git.roojs.org Git - roojs1/blob - docs/symbols/Roo.form.ComboBoxArray.Item.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   2
   3
   4 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
   5
   6         <head>
   7                 <meta http-equiv="content-type" content="text/html; charset=undefined" />
   8                 <meta name="generator" content="JsDoc Toolkit" />
   9
  10
  11                 <title>JsDoc Reference - Roo.form.ComboBoxArray.Item</title>
  12
  13
  14         <link rel="stylesheet" type="text/css" href="../../css/roojs.css" />
  15         <link rel="stylesheet" type="text/css" href="../default.css" />
  16
  17
  18         <script type="text/javascript" src="../page.js">
  19
  20         </script>
  21
  22
  23         </head>
  24
  25         <body onload="RooDocsPage.onload();">
  26
  27
  28 <div class="body-wrap">
  29
  30     <!-- ============================== links to methods. ================================= -->
  31
  32     <div class="top-tools">
  33     <!--
  34         <a class="inner-link" href="#Roo.form.ComboBoxArray.Item-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.form.ComboBoxArray.Item-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.form.ComboBoxArray.Item-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.form.ComboBoxArray.Item-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>
  39         -->
  40     </div>
  41
  42
  43 <!-- ============================== inheritance Block. ================================= -->
  44
  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 src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
  49 <img src="../../images/default/s.gif" height="1"  width="60"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.form.ComboBoxArray.Item
  50
  51                    </pre>
  52                 </div>
  53
  54 <!-- ============================== class title / details ============================ -->
  55
  56
  57     <h1 class="classTitle">
  58
  59                                 Class Roo.form.ComboBoxArray.Item
  60                         </h1>
  61
  62     <table cellspacing="0" class="class-summary-table">
  63
  64                 <tr><td class="label">Package:</td><td class="hd-info">Roo.form.ComboBoxArray</td></tr>
  65
  66         <tr><td class="label">Defined In:</td><td class="hd-info">
  67
  68                                         <a href="./src/Roo_form_ComboBoxArray.js.html">Roo/form/ComboBoxArray.js</a>.
  69
  70         </td></tr>
  71         <tr><td class="label">Class:</td><td class="hd-info">Item</td></tr>
  72
  73
  74
  75
  76                 <tr><td class="label">Extends:</td><td class="hd-info">
  77                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
  78
  79                 </td></tr>
  80
  81
  82     </table>
  83
  84
  85 <!-- ============================== class summary ========================== -->
  86     <div class="description">
  87         A selected item in the list<br/> Fred [x]  Brian [x]  [Pick another |v]
  88     </div>
  89
  90
  91 <!-- ============================== Class comment block... ========================== -->
  92
  93 <div class="comments">
  94         <b>Class Comments / Notes</B> =>
  95         <u onclick="parent.CommentDialog.showCommentId = 'Roo.form.ComboBoxArray.Item';">[Add Your comment/notes about this class]</u>
  96         <br/>
  97         <iframe frameborder="0"  id="comments-Roo.form.ComboBoxArray" style="border: none;width:100%;"
  98                 src="/blog.php/GtkDjsComments/Roo.form.ComboBoxArray.Item.html"></iframe>
  99 </div>
 100
 101
 102
 103 <!-- ============================== config options ========================== -->
 104
 105
 106
 107
 108     <div class="hr"></div>
 109     <a id="Roo.form.ComboBoxArray.Item-configs"></a>
 110
 111
 112
 113
 114
 115       <table cellspacing="0" class="member-table">
 116       <caption>Config Options (Usually are also Properties)</caption>
 117
 118
 119         <tr>
 120             <th class="sig-header" colspan="2">Options</th>
 121
 122             <th class="msource-header">Defined By</th>
 123         </tr>
 124
 125
 126
 127
 128
 129                 <tr class="config-row expandable config-row-alt0">
 130                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 131                     <td class="sig">
 132
 133                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
 134                         <div class="fixedFont">
 135                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 136
 137
 138                         </div>
 139
 140                         <div class="mdesc">
 141                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 142                         </div>
 143
 144                         <div class="mdesc">
 145                             <div class="long">
 146                     which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'
 147
 148                 </div>
 149                         </div>
 150
 151
 152
 153                     </td>
 154                     <td class="msource">
 155
 156                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 157
 158                     </td>
 159                 </tr>
 160
 161
 162                 <tr class="config-row expandable config-row-alt1">
 163                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 164                     <td class="sig">
 165
 166                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 167                         <div class="fixedFont">
 168                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 169
 170
 171                         </div>
 172
 173                         <div class="mdesc">
 174                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 175                         </div>
 176
 177                         <div class="mdesc">
 178                             <div class="long">
 179                     Whether the component can move the Dom node when rendering (defaults to true).
 180
 181                 </div>
 182                         </div>
 183
 184
 185
 186                     </td>
 187                     <td class="msource">
 188
 189                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 190
 191                     </td>
 192                 </tr>
 193
 194
 195                 <tr class="config-row expandable config-row-alt0">
 196                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 197                     <td class="sig">
 198
 199                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 200                         <div class="fixedFont">
 201                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 202
 203
 204                         </div>
 205
 206                         <div class="mdesc">
 207                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 208                         </div>
 209
 210                         <div class="mdesc">
 211                             <div class="long">
 212                     CSS class added to the component when it is disabled (defaults to "x-item-disabled").
 213
 214                 </div>
 215                         </div>
 216
 217
 218
 219                     </td>
 220                     <td class="msource">
 221
 222                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 223
 224                     </td>
 225                 </tr>
 226
 227
 228                 <tr class="config-row expandable config-row-alt1">
 229                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 230                     <td class="sig">
 231
 232                         <a id="Roo.BoxComponent-cfg-height" name=".height"></a>
 233                         <div class="fixedFont">
 234                                 <b  class="itemname">height</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 235
 236
 237                         </div>
 238
 239                         <div class="mdesc">
 240                             <div class="short">height (optional) size of component</div>
 241                         </div>
 242
 243                         <div class="mdesc">
 244                             <div class="long">
 245                     height (optional) size of component
 246
 247                 </div>
 248                         </div>
 249
 250
 251
 252                     </td>
 253                     <td class="msource">
 254
 255                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
 256
 257                     </td>
 258                 </tr>
 259
 260
 261                 <tr class="config-row expandable config-row-alt0">
 262                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 263                     <td class="sig">
 264
 265                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
 266                         <div class="fixedFont">
 267                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 268
 269
 270                         </div>
 271
 272                         <div class="mdesc">
 273                             <div class="short">How this component should hidden.</div>
 274                         </div>
 275
 276                         <div class="mdesc">
 277                             <div class="long">
 278                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
 279                     <BR/>Possible Values: display, visibility
 280                 </div>
 281                         </div>
 282
 283
 284
 285                     </td>
 286                     <td class="msource">
 287
 288                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 289
 290                     </td>
 291                 </tr>
 292
 293
 294                 <tr class="config-row expandable config-row-alt1">
 295                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 296                     <td class="sig">
 297
 298                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 299                         <div class="fixedFont">
 300                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 301
 302
 303                         </div>
 304
 305                         <div class="mdesc">
 306                             <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>
 307                         </div>
 308
 309                         <div class="mdesc">
 310                             <div class="long">
 311                     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>
 312
 313                 </div>
 314                         </div>
 315
 316
 317
 318                     </td>
 319                     <td class="msource">
 320
 321                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 322
 323                     </td>
 324                 </tr>
 325
 326
 327                 <tr class="config-row expandable config-row-alt0">
 328                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 329                     <td class="sig">
 330
 331                         <a id="Roo.BoxComponent-cfg-width" name=".width"></a>
 332                         <div class="fixedFont">
 333                                 <b  class="itemname">width</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 334
 335
 336                         </div>
 337
 338                         <div class="mdesc">
 339                             <div class="short">width (optional) size of component</div>
 340                         </div>
 341
 342                         <div class="mdesc">
 343                             <div class="long">
 344                     width (optional) size of component
 345
 346                 </div>
 347                         </div>
 348
 349
 350
 351                     </td>
 352                     <td class="msource">
 353
 354                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
 355
 356                     </td>
 357                 </tr>
 358
 359
 360     </table>
 361
 362
 363
 364
 365
 366
 367
 368
 369
 370   <!-- ============================== public properties ==================== -->
 371
 372
 373
 374     <a id="Roo.form.ComboBoxArray.Item-props"></a>
 375
 376
 377
 378
 379
 380      <table cellspacing="0" class="member-table">
 381       <caption class="Empty">Public Properties - Has None</caption>
 382      </table>
 383
 384
 385
 386
 387   <!-- ============================== methods summary / details ======================== -->
 388
 389
 390   <a id="Roo.form.ComboBoxArray.Item-methods"></a>
 391         <!-- constructor?? -->
 392
 393         <!-- static's first
 394
 395
 396         -->
 397
 398         <!-- then dynamics first -->
 399
 400
 401
 402
 403
 404
 405       <table cellspacing="0" class="member-table">
 406       <caption>Public Methods</caption>
 407         <tr>
 408             <th class="sig-header" colspan="2">Method</th>
 409             <th class="msource-header">Defined By</th>
 410
 411         </tr>
 412
 413
 414
 415
 416
 417
 418
 419           <tr class="method-row config-row-alt0 expandable notInherited">
 420             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 421
 422
 423             <td class="sig">
 424                 <a id="Roo.form.ComboBoxArray-method-Item"   name=".Item"></a>
 425                 <div class="fixedFont">
 426                         <span class="attributes">new <B>Roo.form.ComboBoxArray.</B></span><b class="itemname">Item</b>
 427
 428                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
 429
 430
 431
 432                 </div>
 433                 <div class="mdesc">
 434
 435
 436                         <div class="short">Create a new Roo.form.ComboBoxArray.Item</div>
 437
 438
 439                     <div class="long">
 440
 441
 442
 443                                 Create a new Roo.form.ComboBoxArray.Item
 444
 445
 446                                 <dl class="detailList">
 447                                 <dt class="heading">Parameters:</dt>
 448
 449                                         <dt>
 450                                                 <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>
 451
 452                                         </dt>
 453                                         <dd>Configuration options</dd>
 454
 455                                 </dl>
 456
 457
 458
 459
 460
 461
 462
 463
 464
 465
 466
 467                     </div>
 468                 </div>
 469
 470             </td>
 471             <td class="msource">
 472                 &nbsp;
 473             </td>
 474         </tr>
 475
 476
 477           <tr class="method-row config-row-alt1 expandable">
 478             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 479
 480
 481             <td class="sig">
 482                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 483                 <div class="fixedFont">
 484                         <span class="attributes"></span><b class="itemname">addEvents</b>
 485
 486                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 487
 488
 489
 490                 </div>
 491                 <div class="mdesc">
 492
 493                    <div class="short">Used to define events on this Observable</div>
 494
 495
 496
 497                     <div class="long">
 498
 499                                 Used to define events on this Observable
 500
 501
 502
 503
 504
 505
 506                                 <dl class="detailList">
 507                                 <dt class="heading">Parameters:</dt>
 508
 509                                         <dt>
 510                                                 <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>
 511
 512                                         </dt>
 513                                         <dd>The object with the events defined</dd>
 514
 515                                 </dl>
 516
 517
 518
 519
 520
 521
 522
 523
 524
 525
 526
 527                     </div>
 528                 </div>
 529
 530             </td>
 531             <td class="msource">
 532
 533                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 534                 &nbsp;
 535             </td>
 536         </tr>
 537
 538
 539           <tr class="method-row config-row-alt0 expandable">
 540             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 541
 542
 543             <td class="sig">
 544                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 545                 <div class="fixedFont">
 546                         <span class="attributes"></span><b class="itemname">addListener</b>
 547
 548                                  (<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>)
 549
 550
 551
 552                 </div>
 553                 <div class="mdesc">
 554
 555                    <div class="short">Appends an event handler to this component</div>
 556
 557
 558
 559                     <div class="long">
 560
 561                                 Appends an event handler to this component
 562
 563
 564
 565
 566
 567
 568                                 <dl class="detailList">
 569                                 <dt class="heading">Parameters:</dt>
 570
 571                                         <dt>
 572                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 573
 574                                         </dt>
 575                                         <dd>The type of event to listen for</dd>
 576
 577                                         <dt>
 578                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 579
 580                                         </dt>
 581                                         <dd>The method the event invokes</dd>
 582
 583                                         <dt>
 584                                                 <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>
 585
 586                                         </dt>
 587                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 588
 589                                         <dt>
 590                                                 <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>
 591
 592                                         </dt>
 593                                         <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>
 594
 595                                 </dl>
 596
 597
 598
 599
 600
 601
 602
 603
 604
 605
 606
 607                     </div>
 608                 </div>
 609
 610             </td>
 611             <td class="msource">
 612
 613                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 614                 &nbsp;
 615             </td>
 616         </tr>
 617
 618
 619           <tr class="method-row config-row-alt1 expandable">
 620             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 621
 622
 623             <td class="sig">
 624                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
 625                 <div class="fixedFont">
 626                         <span class="attributes"></span><b class="itemname">destroy</b>
 627
 628                                  ()
 629
 630
 631
 632                 </div>
 633                 <div class="mdesc">
 634
 635                    <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>
 636
 637
 638
 639                     <div class="long">
 640
 641                                 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}.
 642
 643
 644
 645
 646
 647
 648
 649
 650
 651
 652
 653
 654
 655
 656
 657
 658                     </div>
 659                 </div>
 660
 661             </td>
 662             <td class="msource">
 663
 664                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 665                 &nbsp;
 666             </td>
 667         </tr>
 668
 669
 670           <tr class="method-row config-row-alt0 expandable">
 671             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 672
 673
 674             <td class="sig">
 675                 <a id="Roo.Component-method-disable"   name=".disable"></a>
 676                 <div class="fixedFont">
 677                         <span class="attributes"></span><b class="itemname">disable</b>
 678
 679                                  ()
 680
 681
 682                                          :
 683
 684
 685                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 686
 687
 688
 689
 690
 691                 </div>
 692                 <div class="mdesc">
 693
 694                    <div class="short">Disable this component.</div>
 695
 696
 697
 698                     <div class="long">
 699
 700                                 Disable this component.
 701
 702
 703
 704
 705
 706
 707
 708
 709
 710
 711                                 <dl class="detailList">
 712                                 <dt class="heading">Returns:</dt>
 713
 714                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 715
 716                                 </dl>
 717
 718
 719
 720
 721
 722
 723
 724                     </div>
 725                 </div>
 726
 727             </td>
 728             <td class="msource">
 729
 730                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 731                 &nbsp;
 732             </td>
 733         </tr>
 734
 735
 736           <tr class="method-row config-row-alt1 expandable">
 737             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 738
 739
 740             <td class="sig">
 741                 <a id="Roo.Component-method-enable"   name=".enable"></a>
 742                 <div class="fixedFont">
 743                         <span class="attributes"></span><b class="itemname">enable</b>
 744
 745                                  ()
 746
 747
 748                                          :
 749
 750
 751                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 752
 753
 754
 755
 756
 757                 </div>
 758                 <div class="mdesc">
 759
 760                    <div class="short">Enable this component.</div>
 761
 762
 763
 764                     <div class="long">
 765
 766                                 Enable this component.
 767
 768
 769
 770
 771
 772
 773
 774
 775
 776
 777                                 <dl class="detailList">
 778                                 <dt class="heading">Returns:</dt>
 779
 780                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 781
 782                                 </dl>
 783
 784
 785
 786
 787
 788
 789
 790                     </div>
 791                 </div>
 792
 793             </td>
 794             <td class="msource">
 795
 796                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 797                 &nbsp;
 798             </td>
 799         </tr>
 800
 801
 802           <tr class="method-row config-row-alt0 expandable">
 803             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 804
 805
 806             <td class="sig">
 807                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
 808                 <div class="fixedFont">
 809                         <span class="attributes"></span><b class="itemname">fireEvent</b>
 810
 811                                  (<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>)
 812
 813
 814                                          :
 815
 816
 817                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 818
 819
 820
 821
 822
 823                 </div>
 824                 <div class="mdesc">
 825
 826                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
 827
 828
 829
 830                     <div class="long">
 831
 832                                 Fires the specified event with the passed parameters (minus the event name).
 833
 834
 835
 836
 837
 838
 839                                 <dl class="detailList">
 840                                 <dt class="heading">Parameters:</dt>
 841
 842                                         <dt>
 843                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 844
 845                                         </dt>
 846                                         <dd></dd>
 847
 848                                         <dt>
 849                                                 <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>
 850
 851                                         </dt>
 852                                         <dd>Variable number of parameters are passed to handlers</dd>
 853
 854                                 </dl>
 855
 856
 857
 858
 859
 860                                 <dl class="detailList">
 861                                 <dt class="heading">Returns:</dt>
 862
 863                                         <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>
 864
 865                                 </dl>
 866
 867
 868
 869
 870
 871
 872
 873                     </div>
 874                 </div>
 875
 876             </td>
 877             <td class="msource">
 878
 879                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 880                 &nbsp;
 881             </td>
 882         </tr>
 883
 884
 885           <tr class="method-row config-row-alt1 expandable">
 886             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 887
 888
 889             <td class="sig">
 890                 <a id="Roo.Component-method-focus"   name=".focus"></a>
 891                 <div class="fixedFont">
 892                         <span class="attributes"></span><b class="itemname">focus</b>
 893
 894                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
 895
 896
 897                                          :
 898
 899
 900                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 901
 902
 903
 904
 905
 906                 </div>
 907                 <div class="mdesc">
 908
 909                    <div class="short">Try to focus this component.</div>
 910
 911
 912
 913                     <div class="long">
 914
 915                                 Try to focus this component.
 916
 917
 918
 919
 920
 921
 922                                 <dl class="detailList">
 923                                 <dt class="heading">Parameters:</dt>
 924
 925                                         <dt>
 926                                                 <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>
 927
 928                                         </dt>
 929                                         <dd>True to also select the text in this component (if applicable)</dd>
 930
 931                                 </dl>
 932
 933
 934
 935
 936
 937                                 <dl class="detailList">
 938                                 <dt class="heading">Returns:</dt>
 939
 940                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
 941
 942                                 </dl>
 943
 944
 945
 946
 947
 948
 949
 950                     </div>
 951                 </div>
 952
 953             </td>
 954             <td class="msource">
 955
 956                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 957                 &nbsp;
 958             </td>
 959         </tr>
 960
 961
 962           <tr class="method-row config-row-alt0 expandable">
 963             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 964
 965
 966             <td class="sig">
 967                 <a id="Roo.BoxComponent-method-getBox"   name=".getBox"></a>
 968                 <div class="fixedFont">
 969                         <span class="attributes"></span><b class="itemname">getBox</b>
 970
 971                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
 972
 973
 974
 975                 </div>
 976                 <div class="mdesc">
 977
 978                    <div class="short">Gets the current box measurements of the component's underlying element.</div>
 979
 980
 981
 982                     <div class="long">
 983
 984                                 Gets the current box measurements of the component's underlying element.
 985
 986
 987
 988
 989
 990
 991                                 <dl class="detailList">
 992                                 <dt class="heading">Parameters:</dt>
 993
 994                                         <dt>
 995                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>local</b>
 996
 997                                         </dt>
 998                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
 999
1000                                 </dl>
1001
1002
1003
1004
1005
1006
1007
1008
1009
1010
1011
1012                     </div>
1013                 </div>
1014
1015             </td>
1016             <td class="msource">
1017
1018                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
1019                 &nbsp;
1020             </td>
1021         </tr>
1022
1023
1024           <tr class="method-row config-row-alt1 expandable">
1025             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1026
1027
1028             <td class="sig">
1029                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
1030                 <div class="fixedFont">
1031                         <span class="attributes"></span><b class="itemname">getEl</b>
1032
1033                                  ()
1034
1035
1036                                          :
1037
1038
1039                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
1040
1041
1042
1043
1044
1045                 </div>
1046                 <div class="mdesc">
1047
1048                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
1049
1050
1051
1052                     <div class="long">
1053
1054                                 Returns the underlying {<b>link</b> Roo.Element}.
1055
1056
1057
1058
1059
1060
1061
1062
1063
1064
1065                                 <dl class="detailList">
1066                                 <dt class="heading">Returns:</dt>
1067
1068                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
1069
1070                                 </dl>
1071
1072
1073
1074
1075
1076
1077
1078                     </div>
1079                 </div>
1080
1081             </td>
1082             <td class="msource">
1083
1084                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1085                 &nbsp;
1086             </td>
1087         </tr>
1088
1089
1090           <tr class="method-row config-row-alt0 expandable">
1091             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1092
1093
1094             <td class="sig">
1095                 <a id="Roo.Component-method-getId"   name=".getId"></a>
1096                 <div class="fixedFont">
1097                         <span class="attributes"></span><b class="itemname">getId</b>
1098
1099                                  ()
1100
1101
1102                                          :
1103
1104
1105                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1106
1107
1108
1109
1110
1111                 </div>
1112                 <div class="mdesc">
1113
1114                    <div class="short">Returns the id of this component.</div>
1115
1116
1117
1118                     <div class="long">
1119
1120                                 Returns the id of this component.
1121
1122
1123
1124
1125
1126
1127
1128
1129
1130
1131                                 <dl class="detailList">
1132                                 <dt class="heading">Returns:</dt>
1133
1134                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
1135
1136                                 </dl>
1137
1138
1139
1140
1141
1142
1143
1144                     </div>
1145                 </div>
1146
1147             </td>
1148             <td class="msource">
1149
1150                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1151                 &nbsp;
1152             </td>
1153         </tr>
1154
1155
1156           <tr class="method-row config-row-alt1 expandable">
1157             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1158
1159
1160             <td class="sig">
1161                 <a id="Roo.BoxComponent-method-getPosition"   name=".getPosition"></a>
1162                 <div class="fixedFont">
1163                         <span class="attributes"></span><b class="itemname">getPosition</b>
1164
1165                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
1166
1167
1168                                          :
1169
1170
1171                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
1172
1173
1174
1175
1176
1177                 </div>
1178                 <div class="mdesc">
1179
1180                    <div class="short">Gets the current XY position of the component's underlying element.</div>
1181
1182
1183
1184                     <div class="long">
1185
1186                                 Gets the current XY position of the component's underlying element.
1187
1188
1189
1190
1191
1192
1193                                 <dl class="detailList">
1194                                 <dt class="heading">Parameters:</dt>
1195
1196                                         <dt>
1197                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>local</b>
1198
1199                                         </dt>
1200                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
1201
1202                                 </dl>
1203
1204
1205
1206
1207
1208                                 <dl class="detailList">
1209                                 <dt class="heading">Returns:</dt>
1210
1211                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  The XY position of the element (e.g., [100, 200])</dd>
1212
1213                                 </dl>
1214
1215
1216
1217
1218
1219
1220
1221                     </div>
1222                 </div>
1223
1224             </td>
1225             <td class="msource">
1226
1227                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
1228                 &nbsp;
1229             </td>
1230         </tr>
1231
1232
1233           <tr class="method-row config-row-alt0 expandable">
1234             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1235
1236
1237             <td class="sig">
1238                 <a id="Roo.BoxComponent-method-getSize"   name=".getSize"></a>
1239                 <div class="fixedFont">
1240                         <span class="attributes"></span><b class="itemname">getSize</b>
1241
1242                                  ()
1243
1244
1245                                          :
1246
1247
1248                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1249
1250
1251
1252
1253
1254                 </div>
1255                 <div class="mdesc">
1256
1257                    <div class="short">Gets the current size of the component's underlying element.</div>
1258
1259
1260
1261                     <div class="long">
1262
1263                                 Gets the current size of the component's underlying element.
1264
1265
1266
1267
1268
1269
1270
1271
1272
1273
1274                                 <dl class="detailList">
1275                                 <dt class="heading">Returns:</dt>
1276
1277                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  An object containing the element's size {width: (element width), height: (element height)}</dd>
1278
1279                                 </dl>
1280
1281
1282
1283
1284
1285
1286
1287                     </div>
1288                 </div>
1289
1290             </td>
1291             <td class="msource">
1292
1293                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
1294                 &nbsp;
1295             </td>
1296         </tr>
1297
1298
1299           <tr class="method-row config-row-alt1 expandable">
1300             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1301
1302
1303             <td class="sig">
1304                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1305                 <div class="fixedFont">
1306                         <span class="attributes"></span><b class="itemname">hasListener</b>
1307
1308                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1309
1310
1311                                          :
1312
1313
1314                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1315
1316
1317
1318
1319
1320                 </div>
1321                 <div class="mdesc">
1322
1323                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
1324
1325
1326
1327                     <div class="long">
1328
1329                                 Checks to see if this object has any listeners for a specified event
1330
1331
1332
1333
1334
1335
1336                                 <dl class="detailList">
1337                                 <dt class="heading">Parameters:</dt>
1338
1339                                         <dt>
1340                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1341
1342                                         </dt>
1343                                         <dd>The name of the event to check for</dd>
1344
1345                                 </dl>
1346
1347
1348
1349
1350
1351                                 <dl class="detailList">
1352                                 <dt class="heading">Returns:</dt>
1353
1354                                         <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>
1355
1356                                 </dl>
1357
1358
1359
1360
1361
1362
1363
1364                     </div>
1365                 </div>
1366
1367             </td>
1368             <td class="msource">
1369
1370                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1371                 &nbsp;
1372             </td>
1373         </tr>
1374
1375
1376           <tr class="method-row config-row-alt0 expandable">
1377             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1378
1379
1380             <td class="sig">
1381                 <a id="Roo.Component-method-hide"   name=".hide"></a>
1382                 <div class="fixedFont">
1383                         <span class="attributes"></span><b class="itemname">hide</b>
1384
1385                                  ()
1386
1387
1388                                          :
1389
1390
1391                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1392
1393
1394
1395
1396
1397                 </div>
1398                 <div class="mdesc">
1399
1400                    <div class="short">Hide this component.</div>
1401
1402
1403
1404                     <div class="long">
1405
1406                                 Hide this component.
1407
1408
1409
1410
1411
1412
1413
1414
1415
1416
1417                                 <dl class="detailList">
1418                                 <dt class="heading">Returns:</dt>
1419
1420                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
1421
1422                                 </dl>
1423
1424
1425
1426
1427
1428
1429
1430                     </div>
1431                 </div>
1432
1433             </td>
1434             <td class="msource">
1435
1436                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1437                 &nbsp;
1438             </td>
1439         </tr>
1440
1441
1442           <tr class="method-row config-row-alt1 expandable">
1443             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1444
1445
1446             <td class="sig">
1447                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
1448                 <div class="fixedFont">
1449                         <span class="attributes"></span><b class="itemname">isVisible</b>
1450
1451                                  ()
1452
1453
1454
1455                 </div>
1456                 <div class="mdesc">
1457
1458                    <div class="short">Returns true if this component is visible.</div>
1459
1460
1461
1462                     <div class="long">
1463
1464                                 Returns true if this component is visible.
1465
1466
1467
1468
1469
1470
1471
1472
1473
1474
1475
1476
1477
1478
1479
1480
1481                     </div>
1482                 </div>
1483
1484             </td>
1485             <td class="msource">
1486
1487                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1488                 &nbsp;
1489             </td>
1490         </tr>
1491
1492
1493           <tr class="method-row config-row-alt0 expandable">
1494             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1495
1496
1497             <td class="sig">
1498                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1499                 <div class="fixedFont">
1500                         <span class="attributes"></span><b class="itemname">on</b>
1501
1502                                  (<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>)
1503
1504
1505
1506                 </div>
1507                 <div class="mdesc">
1508
1509                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1510
1511
1512
1513                     <div class="long">
1514
1515                                 Appends an event handler to this element (shorthand for addListener)
1516
1517
1518
1519
1520
1521
1522                                 <dl class="detailList">
1523                                 <dt class="heading">Parameters:</dt>
1524
1525                                         <dt>
1526                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1527
1528                                         </dt>
1529                                         <dd>The type of event to listen for</dd>
1530
1531                                         <dt>
1532                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1533
1534                                         </dt>
1535                                         <dd>The method the event invokes</dd>
1536
1537                                         <dt>
1538                                                 <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>
1539
1540                                         </dt>
1541                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1542
1543                                         <dt>
1544                                                 <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>
1545
1546                                         </dt>
1547                                         <dd>(optional)</dd>
1548
1549                                 </dl>
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561                     </div>
1562                 </div>
1563
1564             </td>
1565             <td class="msource">
1566
1567                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1568                 &nbsp;
1569             </td>
1570         </tr>
1571
1572
1573           <tr class="method-row config-row-alt1 expandable">
1574             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1575
1576
1577             <td class="sig">
1578                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
1579                 <div class="fixedFont">
1580                         <span class="attributes"></span><b class="itemname">onPosition</b>
1581
1582                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
1583
1584
1585
1586                 </div>
1587                 <div class="mdesc">
1588
1589                    <div class="short">Called after the component is moved, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a move occurs.</div>
1590
1591
1592
1593                     <div class="long">
1594
1595                                 Called after the component is moved, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a move occurs.
1596
1597
1598
1599
1600
1601
1602                                 <dl class="detailList">
1603                                 <dt class="heading">Parameters:</dt>
1604
1605                                         <dt>
1606                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
1607
1608                                         </dt>
1609                                         <dd>The new x position</dd>
1610
1611                                         <dt>
1612                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
1613
1614                                         </dt>
1615                                         <dd>The new y position</dd>
1616
1617                                 </dl>
1618
1619
1620
1621
1622
1623
1624
1625
1626
1627
1628
1629                     </div>
1630                 </div>
1631
1632             </td>
1633             <td class="msource">
1634
1635                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
1636                 &nbsp;
1637             </td>
1638         </tr>
1639
1640
1641           <tr class="method-row config-row-alt0 expandable">
1642             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1643
1644
1645             <td class="sig">
1646                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
1647                 <div class="fixedFont">
1648                         <span class="attributes"></span><b class="itemname">onResize</b>
1649
1650                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjHeight</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawHeight</i></B>)
1651
1652
1653
1654                 </div>
1655                 <div class="mdesc">
1656
1657                    <div class="short">Called after the component is resized, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a resize occurs.</div>
1658
1659
1660
1661                     <div class="long">
1662
1663                                 Called after the component is resized, this method is empty by default but can be implemented by any<br/>subclass that needs to perform custom logic after a resize occurs.
1664
1665
1666
1667
1668
1669
1670                                 <dl class="detailList">
1671                                 <dt class="heading">Parameters:</dt>
1672
1673                                         <dt>
1674                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
1675
1676                                         </dt>
1677                                         <dd>The box-adjusted width that was set</dd>
1678
1679                                         <dt>
1680                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
1681
1682                                         </dt>
1683                                         <dd>The box-adjusted height that was set</dd>
1684
1685                                         <dt>
1686                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
1687
1688                                         </dt>
1689                                         <dd>The width that was originally specified</dd>
1690
1691                                         <dt>
1692                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
1693
1694                                         </dt>
1695                                         <dd>The height that was originally specified</dd>
1696
1697                                 </dl>
1698
1699
1700
1701
1702
1703
1704
1705
1706
1707
1708
1709                     </div>
1710                 </div>
1711
1712             </td>
1713             <td class="msource">
1714
1715                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
1716                 &nbsp;
1717             </td>
1718         </tr>
1719
1720
1721           <tr class="method-row config-row-alt1 expandable">
1722             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1723
1724
1725             <td class="sig">
1726                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1727                 <div class="fixedFont">
1728                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1729
1730                                  ()
1731
1732
1733
1734                 </div>
1735                 <div class="mdesc">
1736
1737                    <div class="short">Removes all listeners for this object</div>
1738
1739
1740
1741                     <div class="long">
1742
1743                                 Removes all listeners for this object
1744
1745
1746
1747
1748
1749
1750
1751
1752
1753
1754
1755
1756
1757
1758
1759
1760                     </div>
1761                 </div>
1762
1763             </td>
1764             <td class="msource">
1765
1766                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1767                 &nbsp;
1768             </td>
1769         </tr>
1770
1771
1772           <tr class="method-row config-row-alt0 expandable">
1773             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1774
1775
1776             <td class="sig">
1777                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1778                 <div class="fixedFont">
1779                         <span class="attributes"></span><b class="itemname">removeListener</b>
1780
1781                                  (<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>)
1782
1783
1784
1785                 </div>
1786                 <div class="mdesc">
1787
1788                    <div class="short">Removes a listener</div>
1789
1790
1791
1792                     <div class="long">
1793
1794                                 Removes a listener
1795
1796
1797
1798
1799
1800
1801                                 <dl class="detailList">
1802                                 <dt class="heading">Parameters:</dt>
1803
1804                                         <dt>
1805                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1806
1807                                         </dt>
1808                                         <dd>The type of event to listen for</dd>
1809
1810                                         <dt>
1811                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1812
1813                                         </dt>
1814                                         <dd>The handler to remove</dd>
1815
1816                                         <dt>
1817                                                 <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>
1818
1819                                         </dt>
1820                                         <dd>(optional) The scope (this object) for the handler</dd>
1821
1822                                 </dl>
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832
1833
1834                     </div>
1835                 </div>
1836
1837             </td>
1838             <td class="msource">
1839
1840                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1841                 &nbsp;
1842             </td>
1843         </tr>
1844
1845
1846           <tr class="method-row config-row-alt1 expandable">
1847             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1848
1849
1850             <td class="sig">
1851                 <a id="Roo.Component-method-render"   name=".render"></a>
1852                 <div class="fixedFont">
1853                         <span class="attributes"></span><b class="itemname">render</b>
1854
1855                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
1856
1857
1858
1859                 </div>
1860                 <div class="mdesc">
1861
1862                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
1863
1864
1865
1866                     <div class="long">
1867
1868                                 If this is a lazy rendering component, render it to its container element.
1869
1870
1871
1872
1873
1874
1875                                 <dl class="detailList">
1876                                 <dt class="heading">Parameters:</dt>
1877
1878                                         <dt>
1879                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
1880
1881                                         </dt>
1882                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
1883
1884                                 </dl>
1885
1886
1887
1888
1889
1890
1891
1892
1893
1894
1895
1896                     </div>
1897                 </div>
1898
1899             </td>
1900             <td class="msource">
1901
1902                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1903                 &nbsp;
1904             </td>
1905         </tr>
1906
1907
1908           <tr class="method-row config-row-alt0 expandable">
1909             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1910
1911
1912             <td class="sig">
1913                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
1914                 <div class="fixedFont">
1915                         <span class="attributes"></span><b class="itemname">setDisabled</b>
1916
1917                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
1918
1919
1920
1921                 </div>
1922                 <div class="mdesc">
1923
1924                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
1925
1926
1927
1928                     <div class="long">
1929
1930                                 Convenience function for setting disabled/enabled by boolean.
1931
1932
1933
1934
1935
1936
1937                                 <dl class="detailList">
1938                                 <dt class="heading">Parameters:</dt>
1939
1940                                         <dt>
1941                                                 <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>
1942
1943                                         </dt>
1944                                         <dd></dd>
1945
1946                                 </dl>
1947
1948
1949
1950
1951
1952
1953
1954
1955
1956
1957
1958                     </div>
1959                 </div>
1960
1961             </td>
1962             <td class="msource">
1963
1964                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1965                 &nbsp;
1966             </td>
1967         </tr>
1968
1969
1970           <tr class="method-row config-row-alt1 expandable">
1971             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1972
1973
1974             <td class="sig">
1975                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
1976                 <div class="fixedFont">
1977                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
1978
1979                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
1980
1981
1982
1983                 </div>
1984                 <div class="mdesc">
1985
1986                    <div class="short">Sets the page XY position of the component.</div>
1987
1988
1989
1990                     <div class="long">
1991
1992                                 Sets the page XY position of the component.  To set the left and top instead, use {<b>link</b> <b>setPosition</b>}.<br/>This method fires the move event.
1993
1994
1995
1996
1997
1998
1999                                 <dl class="detailList">
2000                                 <dt class="heading">Parameters:</dt>
2001
2002                                         <dt>
2003                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
2004
2005                                         </dt>
2006                                         <dd>The new x position</dd>
2007
2008                                         <dt>
2009                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
2010
2011                                         </dt>
2012                                         <dd>The new y position</dd>
2013
2014                                 </dl>
2015
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
2026                     </div>
2027                 </div>
2028
2029             </td>
2030             <td class="msource">
2031
2032                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2033                 &nbsp;
2034             </td>
2035         </tr>
2036
2037
2038           <tr class="method-row config-row-alt0 expandable">
2039             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2040
2041
2042             <td class="sig">
2043                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
2044                 <div class="fixedFont">
2045                         <span class="attributes"></span><b class="itemname">setPosition</b>
2046
2047                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>left</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>top</i></B>)
2048
2049
2050
2051                 </div>
2052                 <div class="mdesc">
2053
2054                    <div class="short">Sets the left and top of the component.</div>
2055
2056
2057
2058                     <div class="long">
2059
2060                                 Sets the left and top of the component.  To set the page XY position instead, use {<b>link</b> <b>setPagePosition</b>}.<br/>This method fires the move event.
2061
2062
2063
2064
2065
2066
2067                                 <dl class="detailList">
2068                                 <dt class="heading">Parameters:</dt>
2069
2070                                         <dt>
2071                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
2072
2073                                         </dt>
2074                                         <dd>The new left</dd>
2075
2076                                         <dt>
2077                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
2078
2079                                         </dt>
2080                                         <dd>The new top</dd>
2081
2082                                 </dl>
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093
2094                     </div>
2095                 </div>
2096
2097             </td>
2098             <td class="msource">
2099
2100                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2101                 &nbsp;
2102             </td>
2103         </tr>
2104
2105
2106           <tr class="method-row config-row-alt1 expandable">
2107             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2108
2109
2110             <td class="sig">
2111                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
2112                 <div class="fixedFont">
2113                         <span class="attributes"></span><b class="itemname">setSize</b>
2114
2115                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object <B><i>width</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>height</i></B>)
2116
2117
2118                                          :
2119
2120
2121                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2122
2123
2124
2125
2126
2127                 </div>
2128                 <div class="mdesc">
2129
2130                    <div class="short">Sets the width and height of the component.</div>
2131
2132
2133
2134                     <div class="long">
2135
2136                                 Sets the width and height of the component.  This method fires the resize event.  This method can accept<br/>either width and height as separate numeric arguments, or you can pass a size object like {width:10, height:20}.
2137
2138
2139
2140
2141
2142
2143                                 <dl class="detailList">
2144                                 <dt class="heading">Parameters:</dt>
2145
2146                                         <dt>
2147                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
2148
2149                                         </dt>
2150                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
2151
2152                                         <dt>
2153                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
2154
2155                                         </dt>
2156                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
2157
2158                                 </dl>
2159
2160
2161
2162
2163
2164                                 <dl class="detailList">
2165                                 <dt class="heading">Returns:</dt>
2166
2167                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
2168
2169                                 </dl>
2170
2171
2172
2173
2174
2175
2176
2177                     </div>
2178                 </div>
2179
2180             </td>
2181             <td class="msource">
2182
2183                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2184                 &nbsp;
2185             </td>
2186         </tr>
2187
2188
2189           <tr class="method-row config-row-alt0 expandable">
2190             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2191
2192
2193             <td class="sig">
2194                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
2195                 <div class="fixedFont">
2196                         <span class="attributes"></span><b class="itemname">setVisible</b>
2197
2198                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
2199
2200
2201                                          :
2202
2203
2204                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2205
2206
2207
2208
2209
2210                 </div>
2211                 <div class="mdesc">
2212
2213                    <div class="short">Convenience function to hide or show this component by boolean.</div>
2214
2215
2216
2217                     <div class="long">
2218
2219                                 Convenience function to hide or show this component by boolean.
2220
2221
2222
2223
2224
2225
2226                                 <dl class="detailList">
2227                                 <dt class="heading">Parameters:</dt>
2228
2229                                         <dt>
2230                                                 <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>
2231
2232                                         </dt>
2233                                         <dd>True to show, false to hide</dd>
2234
2235                                 </dl>
2236
2237
2238
2239
2240
2241                                 <dl class="detailList">
2242                                 <dt class="heading">Returns:</dt>
2243
2244                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2245
2246                                 </dl>
2247
2248
2249
2250
2251
2252
2253
2254                     </div>
2255                 </div>
2256
2257             </td>
2258             <td class="msource">
2259
2260                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2261                 &nbsp;
2262             </td>
2263         </tr>
2264
2265
2266           <tr class="method-row config-row-alt1 expandable">
2267             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2268
2269
2270             <td class="sig">
2271                 <a id="Roo.Component-method-show"   name=".show"></a>
2272                 <div class="fixedFont">
2273                         <span class="attributes"></span><b class="itemname">show</b>
2274
2275                                  ()
2276
2277
2278                                          :
2279
2280
2281                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2282
2283
2284
2285
2286
2287                 </div>
2288                 <div class="mdesc">
2289
2290                    <div class="short">Show this component.</div>
2291
2292
2293
2294                     <div class="long">
2295
2296                                 Show this component.
2297
2298
2299
2300
2301
2302
2303
2304
2305
2306
2307                                 <dl class="detailList">
2308                                 <dt class="heading">Returns:</dt>
2309
2310                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
2311
2312                                 </dl>
2313
2314
2315
2316
2317
2318
2319
2320                     </div>
2321                 </div>
2322
2323             </td>
2324             <td class="msource">
2325
2326                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2327                 &nbsp;
2328             </td>
2329         </tr>
2330
2331
2332           <tr class="method-row config-row-alt0 expandable">
2333             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2334
2335
2336             <td class="sig">
2337                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
2338                 <div class="fixedFont">
2339                         <span class="attributes"></span><b class="itemname">syncSize</b>
2340
2341                                  ()
2342
2343
2344
2345                 </div>
2346                 <div class="mdesc">
2347
2348                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
2349
2350
2351
2352                     <div class="long">
2353
2354                                 Force the component's size to recalculate based on the underlying element's current height and width.
2355
2356
2357
2358
2359
2360
2361
2362
2363
2364
2365
2366
2367
2368
2369
2370
2371                     </div>
2372                 </div>
2373
2374             </td>
2375             <td class="msource">
2376
2377                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2378                 &nbsp;
2379             </td>
2380         </tr>
2381
2382
2383           <tr class="method-row config-row-alt1 expandable">
2384             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2385
2386
2387             <td class="sig">
2388                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
2389                 <div class="fixedFont">
2390                         <span class="attributes"></span><b class="itemname">un</b>
2391
2392                                  (<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>)
2393
2394
2395
2396                 </div>
2397                 <div class="mdesc">
2398
2399                    <div class="short">Removes a listener (shorthand for removeListener)</div>
2400
2401
2402
2403                     <div class="long">
2404
2405                                 Removes a listener (shorthand for removeListener)
2406
2407
2408
2409
2410
2411
2412                                 <dl class="detailList">
2413                                 <dt class="heading">Parameters:</dt>
2414
2415                                         <dt>
2416                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2417
2418                                         </dt>
2419                                         <dd>The type of event to listen for</dd>
2420
2421                                         <dt>
2422                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2423
2424                                         </dt>
2425                                         <dd>The handler to remove</dd>
2426
2427                                         <dt>
2428                                                 <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>
2429
2430                                         </dt>
2431                                         <dd>(optional) The scope (this object) for the handler</dd>
2432
2433                                 </dl>
2434
2435
2436
2437
2438
2439
2440
2441
2442
2443
2444
2445                     </div>
2446                 </div>
2447
2448             </td>
2449             <td class="msource">
2450
2451                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2452                 &nbsp;
2453             </td>
2454         </tr>
2455
2456
2457           <tr class="method-row config-row-alt0 expandable">
2458             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2459
2460
2461             <td class="sig">
2462                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
2463                 <div class="fixedFont">
2464                         <span class="attributes"></span><b class="itemname">updateBox</b>
2465
2466                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
2467
2468
2469
2470                 </div>
2471                 <div class="mdesc">
2472
2473                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
2474
2475
2476
2477                     <div class="long">
2478
2479                                 Sets the current box measurements of the component's underlying element.
2480
2481
2482
2483
2484
2485
2486                                 <dl class="detailList">
2487                                 <dt class="heading">Parameters:</dt>
2488
2489                                         <dt>
2490                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>box</b>
2491
2492                                         </dt>
2493                                         <dd>An object in the format {x, y, width, height}</dd>
2494
2495                                 </dl>
2496
2497
2498
2499
2500
2501
2502
2503
2504
2505
2506
2507                     </div>
2508                 </div>
2509
2510             </td>
2511             <td class="msource">
2512
2513                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2514                 &nbsp;
2515             </td>
2516         </tr>
2517
2518
2519     </table>
2520
2521
2522   <!-- ============================== events summary / details ======================== -->
2523
2524
2525   <a id="Roo.form.ComboBoxArray.Item-events"></a>
2526
2527
2528
2529
2530
2531
2532
2533
2534       <table cellspacing="0" class="member-table">
2535                 <caption>Events</caption>
2536               <thead>
2537                 <tr>
2538                     <th class="sig-header" colspan="2">Event</th>
2539                     <th class="msource-header">Defined By</th>
2540
2541                 </tr>
2542               </thead>
2543
2544
2545
2546
2547
2548           <tr class="method-row expandable config-row-alt0">
2549             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2550
2551             <td class="sig">
2552                 <a id="Roo.Component-event-*beforedestroy"></a>
2553
2554                <div class="fixedFont">
2555                 <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>)
2556
2557                 </div>
2558
2559                 <div class="mdesc">
2560
2561                    <div class="short">Fires before the component is destroyed.
2562
2563                 </div>
2564
2565                     <div class="long">
2566
2567                         Fires before the component is destroyed. Return false to stop the destroy.
2568
2569
2570
2571
2572
2573                                 <dl class="detailList">
2574                                 <dt class="heading">Parameters:</dt>
2575
2576                                         <dt>
2577                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2578
2579                                         </dt>
2580                                         <dd></dd>
2581
2582                                 </dl>
2583
2584
2585
2586
2587
2588
2589
2590
2591
2592
2593
2594                     </div>
2595                 </div>
2596
2597             </td>
2598             <td class="msource">
2599                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2600             </td>
2601         </tr>
2602
2603           <tr class="method-row expandable config-row-alt1">
2604             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2605
2606             <td class="sig">
2607                 <a id="Roo.Component-event-*beforehide"></a>
2608
2609                <div class="fixedFont">
2610                 <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>)
2611
2612                 </div>
2613
2614                 <div class="mdesc">
2615
2616                    <div class="short">Fires before the component is hidden.
2617
2618                 </div>
2619
2620                     <div class="long">
2621
2622                         Fires before the component is hidden. Return false to stop the hide.
2623
2624
2625
2626
2627
2628                                 <dl class="detailList">
2629                                 <dt class="heading">Parameters:</dt>
2630
2631                                         <dt>
2632                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2633
2634                                         </dt>
2635                                         <dd></dd>
2636
2637                                 </dl>
2638
2639
2640
2641
2642
2643
2644
2645
2646
2647
2648
2649                     </div>
2650                 </div>
2651
2652             </td>
2653             <td class="msource">
2654                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2655             </td>
2656         </tr>
2657
2658           <tr class="method-row expandable config-row-alt0">
2659             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2660
2661             <td class="sig">
2662                 <a id="Roo.Component-event-*beforerender"></a>
2663
2664                <div class="fixedFont">
2665                 <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>)
2666
2667                 </div>
2668
2669                 <div class="mdesc">
2670
2671                    <div class="short">Fires before the component is rendered.
2672
2673                 </div>
2674
2675                     <div class="long">
2676
2677                         Fires before the component is rendered. Return false to stop the render.
2678
2679
2680
2681
2682
2683                                 <dl class="detailList">
2684                                 <dt class="heading">Parameters:</dt>
2685
2686                                         <dt>
2687                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2688
2689                                         </dt>
2690                                         <dd></dd>
2691
2692                                 </dl>
2693
2694
2695
2696
2697
2698
2699
2700
2701
2702
2703
2704                     </div>
2705                 </div>
2706
2707             </td>
2708             <td class="msource">
2709                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2710             </td>
2711         </tr>
2712
2713           <tr class="method-row expandable config-row-alt1">
2714             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2715
2716             <td class="sig">
2717                 <a id="Roo.Component-event-*beforeshow"></a>
2718
2719                <div class="fixedFont">
2720                 <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>)
2721
2722                 </div>
2723
2724                 <div class="mdesc">
2725
2726                    <div class="short">Fires before the component is shown.
2727
2728                 </div>
2729
2730                     <div class="long">
2731
2732                         Fires before the component is shown.  Return false to stop the show.
2733
2734
2735
2736
2737
2738                                 <dl class="detailList">
2739                                 <dt class="heading">Parameters:</dt>
2740
2741                                         <dt>
2742                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2743
2744                                         </dt>
2745                                         <dd></dd>
2746
2747                                 </dl>
2748
2749
2750
2751
2752
2753
2754
2755
2756
2757
2758
2759                     </div>
2760                 </div>
2761
2762             </td>
2763             <td class="msource">
2764                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2765             </td>
2766         </tr>
2767
2768           <tr class="method-row expandable config-row-alt0">
2769             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2770
2771             <td class="sig">
2772                 <a id="Roo.Component-event-*destroy"></a>
2773
2774                <div class="fixedFont">
2775                 <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>)
2776
2777                 </div>
2778
2779                 <div class="mdesc">
2780
2781                    <div class="short">Fires after the component is destroyed.
2782
2783                 </div>
2784
2785                     <div class="long">
2786
2787                         Fires after the component is destroyed.
2788
2789
2790
2791
2792
2793                                 <dl class="detailList">
2794                                 <dt class="heading">Parameters:</dt>
2795
2796                                         <dt>
2797                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2798
2799                                         </dt>
2800                                         <dd></dd>
2801
2802                                 </dl>
2803
2804
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814                     </div>
2815                 </div>
2816
2817             </td>
2818             <td class="msource">
2819                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2820             </td>
2821         </tr>
2822
2823           <tr class="method-row expandable config-row-alt1">
2824             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2825
2826             <td class="sig">
2827                 <a id="Roo.Component-event-*disable"></a>
2828
2829                <div class="fixedFont">
2830                 <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>)
2831
2832                 </div>
2833
2834                 <div class="mdesc">
2835
2836                    <div class="short">Fires after the component is disabled.
2837
2838                 </div>
2839
2840                     <div class="long">
2841
2842                         Fires after the component is disabled.
2843
2844
2845
2846
2847
2848                                 <dl class="detailList">
2849                                 <dt class="heading">Parameters:</dt>
2850
2851                                         <dt>
2852                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2853
2854                                         </dt>
2855                                         <dd></dd>
2856
2857                                 </dl>
2858
2859
2860
2861
2862
2863
2864
2865
2866
2867
2868
2869                     </div>
2870                 </div>
2871
2872             </td>
2873             <td class="msource">
2874                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2875             </td>
2876         </tr>
2877
2878           <tr class="method-row expandable config-row-alt0">
2879             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2880
2881             <td class="sig">
2882                 <a id="Roo.Component-event-*enable"></a>
2883
2884                <div class="fixedFont">
2885                 <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>)
2886
2887                 </div>
2888
2889                 <div class="mdesc">
2890
2891                    <div class="short">Fires after the component is enabled.
2892
2893                 </div>
2894
2895                     <div class="long">
2896
2897                         Fires after the component is enabled.
2898
2899
2900
2901
2902
2903                                 <dl class="detailList">
2904                                 <dt class="heading">Parameters:</dt>
2905
2906                                         <dt>
2907                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2908
2909                                         </dt>
2910                                         <dd></dd>
2911
2912                                 </dl>
2913
2914
2915
2916
2917
2918
2919
2920
2921
2922
2923
2924                     </div>
2925                 </div>
2926
2927             </td>
2928             <td class="msource">
2929                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2930             </td>
2931         </tr>
2932
2933           <tr class="method-row expandable config-row-alt1">
2934             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2935
2936             <td class="sig">
2937                 <a id="Roo.Component-event-*hide"></a>
2938
2939                <div class="fixedFont">
2940                 <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>)
2941
2942                 </div>
2943
2944                 <div class="mdesc">
2945
2946                    <div class="short">Fires after the component is hidden.
2947
2948                 </div>
2949
2950                     <div class="long">
2951
2952                         Fires after the component is hidden.
2953
2954
2955
2956
2957
2958                                 <dl class="detailList">
2959                                 <dt class="heading">Parameters:</dt>
2960
2961                                         <dt>
2962                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
2963
2964                                         </dt>
2965                                         <dd></dd>
2966
2967                                 </dl>
2968
2969
2970
2971
2972
2973
2974
2975
2976
2977
2978
2979                     </div>
2980                 </div>
2981
2982             </td>
2983             <td class="msource">
2984                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
2985             </td>
2986         </tr>
2987
2988           <tr class="method-row expandable config-row-alt0">
2989             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2990
2991             <td class="sig">
2992                 <a id="Roo.BoxComponent-event-*move"></a>
2993
2994                <div class="fixedFont">
2995                 <b class="itemname">move</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>x</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>y</i></B>)
2996
2997                 </div>
2998
2999                 <div class="mdesc">
3000
3001                    <div class="short">Fires after the component is moved.
3002
3003                 </div>
3004
3005                     <div class="long">
3006
3007                         Fires after the component is moved.
3008
3009
3010
3011
3012
3013                                 <dl class="detailList">
3014                                 <dt class="heading">Parameters:</dt>
3015
3016                                         <dt>
3017                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3018
3019                                         </dt>
3020                                         <dd></dd>
3021
3022                                         <dt>
3023                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
3024
3025                                         </dt>
3026                                         <dd>The new x position</dd>
3027
3028                                         <dt>
3029                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
3030
3031                                         </dt>
3032                                         <dd>The new y position</dd>
3033
3034                                 </dl>
3035
3036
3037
3038
3039
3040
3041
3042
3043
3044
3045
3046                     </div>
3047                 </div>
3048
3049             </td>
3050             <td class="msource">
3051                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3052             </td>
3053         </tr>
3054
3055           <tr class="method-row expandable config-row-alt1">
3056             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3057
3058             <td class="sig">
3059                 <a id="Roo.Component-event-*render"></a>
3060
3061                <div class="fixedFont">
3062                 <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>)
3063
3064                 </div>
3065
3066                 <div class="mdesc">
3067
3068                    <div class="short">Fires after the component is rendered.
3069
3070                 </div>
3071
3072                     <div class="long">
3073
3074                         Fires after the component is rendered.
3075
3076
3077
3078
3079
3080                                 <dl class="detailList">
3081                                 <dt class="heading">Parameters:</dt>
3082
3083                                         <dt>
3084                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3085
3086                                         </dt>
3087                                         <dd></dd>
3088
3089                                 </dl>
3090
3091
3092
3093
3094
3095
3096
3097
3098
3099
3100
3101                     </div>
3102                 </div>
3103
3104             </td>
3105             <td class="msource">
3106                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3107             </td>
3108         </tr>
3109
3110           <tr class="method-row expandable config-row-alt0">
3111             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3112
3113             <td class="sig">
3114                 <a id="Roo.BoxComponent-event-*resize"></a>
3115
3116                <div class="fixedFont">
3117                 <b class="itemname">resize</b> (<a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>adjHeight</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawWidth</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>rawHeight</i></B>)
3118
3119                 </div>
3120
3121                 <div class="mdesc">
3122
3123                    <div class="short">Fires after the component is resized.
3124
3125                 </div>
3126
3127                     <div class="long">
3128
3129                         Fires after the component is resized.
3130
3131
3132
3133
3134
3135                                 <dl class="detailList">
3136                                 <dt class="heading">Parameters:</dt>
3137
3138                                         <dt>
3139                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3140
3141                                         </dt>
3142                                         <dd></dd>
3143
3144                                         <dt>
3145                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
3146
3147                                         </dt>
3148                                         <dd>The box-adjusted width that was set</dd>
3149
3150                                         <dt>
3151                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
3152
3153                                         </dt>
3154                                         <dd>The box-adjusted height that was set</dd>
3155
3156                                         <dt>
3157                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
3158
3159                                         </dt>
3160                                         <dd>The width that was originally specified</dd>
3161
3162                                         <dt>
3163                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
3164
3165                                         </dt>
3166                                         <dd>The height that was originally specified</dd>
3167
3168                                 </dl>
3169
3170
3171
3172
3173
3174
3175
3176
3177
3178
3179
3180                     </div>
3181                 </div>
3182
3183             </td>
3184             <td class="msource">
3185                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3186             </td>
3187         </tr>
3188
3189           <tr class="method-row expandable config-row-alt1">
3190             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3191
3192             <td class="sig">
3193                 <a id="Roo.Component-event-*show"></a>
3194
3195                <div class="fixedFont">
3196                 <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>)
3197
3198                 </div>
3199
3200                 <div class="mdesc">
3201
3202                    <div class="short">Fires after the component is shown.
3203
3204                 </div>
3205
3206                     <div class="long">
3207
3208                         Fires after the component is shown.
3209
3210
3211
3212
3213
3214                                 <dl class="detailList">
3215                                 <dt class="heading">Parameters:</dt>
3216
3217                                         <dt>
3218                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
3219
3220                                         </dt>
3221                                         <dd></dd>
3222
3223                                 </dl>
3224
3225
3226
3227
3228
3229
3230
3231
3232
3233
3234
3235                     </div>
3236                 </div>
3237
3238             </td>
3239             <td class="msource">
3240                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3241             </td>
3242         </tr>
3243
3244
3245     </table>
3246
3247
3248
3249
3250
3251 <!-- ============================== footer ================================= -->
3252                 <div class="fineprint" style="clear:both">
3253
3254                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 13 2018 14:10:54 GMT+0800 (HKT)
3255                         Based on
3256                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
3257                 </div>
3258         </body>
3259 </html>