git.roojs.org Git - roojs1/blob - docs/symbols/Roo.form.ComboCheck.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.ComboCheck</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.ComboCheck-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.form.ComboCheck-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.form.ComboCheck-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.form.ComboCheck-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 src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
  50 <img src="../../images/default/s.gif" height="1" width="80"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
  51 <img src="../../images/default/s.gif" height="1" width="100"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
  52 <img src="../../images/default/s.gif" height="1" width="120"/><img src="../../images/default/tree/elbow-end.gif" class="elbow"/><a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
  53 <img src="../../images/default/s.gif" height="1"  width="140"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.form.ComboCheck
  54
  55                    </pre>
  56                 </div>
  57
  58 <!-- ============================== class title / details ============================ -->
  59
  60
  61     <h1 class="classTitle">
  62
  63                                 Class Roo.form.ComboCheck
  64                         </h1>
  65
  66     <table cellspacing="0" class="class-summary-table">
  67
  68                 <tr><td class="label">Package:</td><td class="hd-info">Roo.form</td></tr>
  69
  70         <tr><td class="label">Defined In:</td><td class="hd-info">
  71
  72                                         <a href="./src/Roo_form_ComboCheck.js.html">Roo/form/ComboCheck.js</a>.
  73
  74         </td></tr>
  75         <tr><td class="label">Class:</td><td class="hd-info">ComboCheck</td></tr>
  76
  77
  78
  79
  80                 <tr><td class="label">Extends:</td><td class="hd-info">
  81                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
  82
  83                 </td></tr>
  84
  85
  86     </table>
  87
  88
  89 <!-- ============================== class summary ========================== -->
  90     <div class="description">
  91         A combobox for multiple select items.<br/><br/>FIXME - could do with a reset button..
  92     </div>
  93
  94
  95 <!-- ============================== Class comment block... ========================== -->
  96
  97 <div class="comments">
  98         <b>Class Comments / Notes</B> =>
  99         <u onclick="parent.CommentDialog.showCommentId = 'Roo.form.ComboCheck';">[Add Your comment/notes about this class]</u>
 100         <br/>
 101         <iframe frameborder="0"  id="comments-Roo.form" style="border: none;width:100%;"
 102                 src="/blog.php/GtkDjsComments/Roo.form.ComboCheck.html"></iframe>
 103 </div>
 104
 105
 106
 107 <!-- ============================== config options ========================== -->
 108
 109
 110
 111
 112     <div class="hr"></div>
 113     <a id="Roo.form.ComboCheck-configs"></a>
 114
 115
 116
 117
 118
 119       <table cellspacing="0" class="member-table">
 120       <caption>Config Options (Usually are also Properties)</caption>
 121
 122
 123         <tr>
 124             <th class="sig-header" colspan="2">Options</th>
 125
 126             <th class="msource-header">Defined By</th>
 127         </tr>
 128
 129
 130
 131
 132
 133                 <tr class="config-row expandable config-row-alt0">
 134                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 135                     <td class="sig">
 136
 137                         <a id="Roo.Component-cfg-actionMode" name=".actionMode"></a>
 138                         <div class="fixedFont">
 139                                 <b  class="itemname">actionMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 140
 141
 142                         </div>
 143
 144                         <div class="mdesc">
 145                             <div class="short">which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'</div>
 146                         </div>
 147
 148                         <div class="mdesc">
 149                             <div class="long">
 150                     which property holds the element that used for  hide() / show() / disable() / enable()<br/>default is 'el'
 151
 152                 </div>
 153                         </div>
 154
 155
 156
 157                     </td>
 158                     <td class="msource">
 159
 160                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 161
 162                     </td>
 163                 </tr>
 164
 165
 166                 <tr class="config-row expandable config-row-alt1">
 167                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 168                     <td class="sig">
 169
 170                         <a id="Roo.form.ComboBox-cfg-allQuery" name=".allQuery"></a>
 171                         <div class="fixedFont">
 172                                 <b  class="itemname">allQuery</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 173
 174
 175                         </div>
 176
 177                         <div class="mdesc">
 178                             <div class="short">The text query to send to the server to return all records for the list with no filtering (defaults to '')</div>
 179                         </div>
 180
 181                         <div class="mdesc">
 182                             <div class="long">
 183                     The text query to send to the server to return all records for the list with no filtering (defaults to '')
 184
 185                 </div>
 186                         </div>
 187
 188
 189
 190                     </td>
 191                     <td class="msource">
 192
 193                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 194
 195                     </td>
 196                 </tr>
 197
 198
 199                 <tr class="config-row expandable config-row-alt0">
 200                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 201                     <td class="sig">
 202
 203                         <a id="Roo.form.TextField-cfg-allowBlank" name=".allowBlank"></a>
 204                         <div class="fixedFont">
 205                                 <b  class="itemname">allowBlank</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 206
 207
 208                         </div>
 209
 210                         <div class="mdesc">
 211                             <div class="short">False to validate that the value length > 0 (defaults to true)</div>
 212                         </div>
 213
 214                         <div class="mdesc">
 215                             <div class="long">
 216                     False to validate that the value length > 0 (defaults to true)
 217
 218                 </div>
 219                         </div>
 220
 221
 222
 223                     </td>
 224                     <td class="msource">
 225
 226                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
 227
 228                     </td>
 229                 </tr>
 230
 231
 232                 <tr class="config-row expandable config-row-alt1">
 233                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 234                     <td class="sig">
 235
 236                         <a id="Roo.Component-cfg-allowDomMove" name=".allowDomMove"></a>
 237                         <div class="fixedFont">
 238                                 <b  class="itemname">allowDomMove</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 239
 240
 241                         </div>
 242
 243                         <div class="mdesc">
 244                             <div class="short">Whether the component can move the Dom node when rendering (defaults to true).</div>
 245                         </div>
 246
 247                         <div class="mdesc">
 248                             <div class="long">
 249                     Whether the component can move the Dom node when rendering (defaults to true).
 250
 251                 </div>
 252                         </div>
 253
 254
 255
 256                     </td>
 257                     <td class="msource">
 258
 259                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 260
 261                     </td>
 262                 </tr>
 263
 264
 265                 <tr class="config-row expandable config-row-alt0">
 266                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 267                     <td class="sig">
 268
 269                         <a id="Roo.form.ComboBox-cfg-alwaysQuery" name=".alwaysQuery"></a>
 270                         <div class="fixedFont">
 271                                 <b  class="itemname">alwaysQuery</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 272
 273
 274                         </div>
 275
 276                         <div class="mdesc">
 277                             <div class="short">Disable caching of results, and always send query</div>
 278                         </div>
 279
 280                         <div class="mdesc">
 281                             <div class="long">
 282                     Disable caching of results, and always send query
 283
 284                 </div>
 285                         </div>
 286
 287
 288
 289                     </td>
 290                     <td class="msource">
 291
 292                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 293
 294                     </td>
 295                 </tr>
 296
 297
 298                 <tr class="config-row expandable config-row-alt1">
 299                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 300                     <td class="sig">
 301
 302                         <a id="Roo.form.ComboBox-cfg-autoCreate" name=".autoCreate"></a>
 303                         <div class="fixedFont">
 304                                 <b  class="itemname">autoCreate</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/Object
 305
 306
 307                         </div>
 308
 309                         <div class="mdesc">
 310                             <div class="short">A DomHelper element spec, or true for a default element spec (defaults to:<br/>{tag: "input", type: "text", size: "24", autocomplete: "off"})</div>
 311                         </div>
 312
 313                         <div class="mdesc">
 314                             <div class="long">
 315                     A DomHelper element spec, or true for a default element spec (defaults to:<br/>{tag: "input", type: "text", size: "24", autocomplete: "off"})
 316
 317                 </div>
 318                         </div>
 319
 320
 321
 322                     </td>
 323                     <td class="msource">
 324
 325                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 326
 327                     </td>
 328                 </tr>
 329
 330
 331                 <tr class="config-row expandable config-row-alt0">
 332                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 333                     <td class="sig">
 334
 335                         <a id="Roo.form.TextField-cfg-blankText" name=".blankText"></a>
 336                         <div class="fixedFont">
 337                                 <b  class="itemname">blankText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 338
 339
 340                         </div>
 341
 342                         <div class="mdesc">
 343                             <div class="short">Error text to display if the allow blank validation fails (defaults to "This field is required")</div>
 344                         </div>
 345
 346                         <div class="mdesc">
 347                             <div class="long">
 348                     Error text to display if the allow blank validation fails (defaults to "This field is required")
 349
 350                 </div>
 351                         </div>
 352
 353
 354
 355                     </td>
 356                     <td class="msource">
 357
 358                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
 359
 360                     </td>
 361                 </tr>
 362
 363
 364                 <tr class="config-row expandable config-row-alt1">
 365                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 366                     <td class="sig">
 367
 368                         <a id="Roo.form.ComboBox-cfg-blockFocus" name=".blockFocus"></a>
 369                         <div class="fixedFont">
 370                                 <b  class="itemname">blockFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 371
 372
 373                         </div>
 374
 375                         <div class="mdesc">
 376                             <div class="short">Prevents all focus calls, so it can work with things like HTML edtor bar</div>
 377                         </div>
 378
 379                         <div class="mdesc">
 380                             <div class="long">
 381                     Prevents all focus calls, so it can work with things like HTML edtor bar
 382
 383                 </div>
 384                         </div>
 385
 386
 387
 388                     </td>
 389                     <td class="msource">
 390
 391                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 392
 393                     </td>
 394                 </tr>
 395
 396
 397                 <tr class="config-row expandable config-row-alt0">
 398                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 399                     <td class="sig">
 400
 401                         <a id="Roo.form.Field-cfg-cls" name=".cls"></a>
 402                         <div class="fixedFont">
 403                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 404
 405
 406                         </div>
 407
 408                         <div class="mdesc">
 409                             <div class="short">A CSS class to apply to the field's underlying element.</div>
 410                         </div>
 411
 412                         <div class="mdesc">
 413                             <div class="long">
 414                     A CSS class to apply to the field's underlying element.
 415
 416                 </div>
 417                         </div>
 418
 419
 420
 421                     </td>
 422                     <td class="msource">
 423
 424                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 425
 426                     </td>
 427                 </tr>
 428
 429
 430                 <tr class="config-row expandable config-row-alt1">
 431                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 432                     <td class="sig">
 433
 434                         <a id="Roo.Component-cfg-disableClass" name=".disableClass"></a>
 435                         <div class="fixedFont">
 436                                 <b  class="itemname">disableClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 437
 438
 439                         </div>
 440
 441                         <div class="mdesc">
 442                             <div class="short">CSS class added to the component when it is disabled (defaults to "x-item-disabled").</div>
 443                         </div>
 444
 445                         <div class="mdesc">
 446                             <div class="long">
 447                     CSS class added to the component when it is disabled (defaults to "x-item-disabled").
 448
 449                 </div>
 450                         </div>
 451
 452
 453
 454                     </td>
 455                     <td class="msource">
 456
 457                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
 458
 459                     </td>
 460                 </tr>
 461
 462
 463                 <tr class="config-row expandable config-row-alt0">
 464                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 465                     <td class="sig">
 466
 467                         <a id="Roo.form.ComboBox-cfg-disableClear" name=".disableClear"></a>
 468                         <div class="fixedFont">
 469                                 <b  class="itemname">disableClear</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 470
 471
 472                         </div>
 473
 474                         <div class="mdesc">
 475                             <div class="short">Disable showing of clear button.</div>
 476                         </div>
 477
 478                         <div class="mdesc">
 479                             <div class="long">
 480                     Disable showing of clear button.
 481
 482                 </div>
 483                         </div>
 484
 485
 486
 487                     </td>
 488                     <td class="msource">
 489
 490                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 491
 492                     </td>
 493                 </tr>
 494
 495
 496                 <tr class="config-row expandable config-row-alt1">
 497                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 498                     <td class="sig">
 499
 500                         <a id="Roo.form.TextField-cfg-disableKeyFilter" name=".disableKeyFilter"></a>
 501                         <div class="fixedFont">
 502                                 <b  class="itemname">disableKeyFilter</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 503
 504
 505                         </div>
 506
 507                         <div class="mdesc">
 508                             <div class="short">True to disable input keystroke filtering (defaults to false)</div>
 509                         </div>
 510
 511                         <div class="mdesc">
 512                             <div class="long">
 513                     True to disable input keystroke filtering (defaults to false)
 514
 515                 </div>
 516                         </div>
 517
 518
 519
 520                     </td>
 521                     <td class="msource">
 522
 523                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
 524
 525                     </td>
 526                 </tr>
 527
 528
 529                 <tr class="config-row expandable config-row-alt0">
 530                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 531                     <td class="sig">
 532
 533                         <a id="Roo.form.Field-cfg-disabled" name=".disabled"></a>
 534                         <div class="fixedFont">
 535                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 536
 537
 538                         </div>
 539
 540                         <div class="mdesc">
 541                             <div class="short">True to disable the field (defaults to false).</div>
 542                         </div>
 543
 544                         <div class="mdesc">
 545                             <div class="long">
 546                     True to disable the field (defaults to false).
 547
 548                 </div>
 549                         </div>
 550
 551
 552
 553                     </td>
 554                     <td class="msource">
 555
 556                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 557
 558                     </td>
 559                 </tr>
 560
 561
 562                 <tr class="config-row expandable config-row-alt1">
 563                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 564                     <td class="sig">
 565
 566                         <a id="Roo.form.ComboBox-cfg-displayField" name=".displayField"></a>
 567                         <div class="fixedFont">
 568                                 <b  class="itemname">displayField</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 569
 570
 571                         </div>
 572
 573                         <div class="mdesc">
 574                             <div class="short">The underlying data field name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'text' if mode = 'local')</div>
 575                         </div>
 576
 577                         <div class="mdesc">
 578                             <div class="long">
 579                     The underlying data field name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'text' if mode = 'local')
 580
 581                 </div>
 582                         </div>
 583
 584
 585
 586                     </td>
 587                     <td class="msource">
 588
 589                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 590
 591                     </td>
 592                 </tr>
 593
 594
 595                 <tr class="config-row expandable config-row-alt0">
 596                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 597                     <td class="sig">
 598
 599                         <a id="Roo.form.ComboBox-cfg-editable" name=".editable"></a>
 600                         <div class="fixedFont">
 601                                 <b  class="itemname">editable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 602
 603
 604                         </div>
 605
 606                         <div class="mdesc">
 607                             <div class="short">False to prevent the user from typing text directly into the field, just like a<br/>traditional select (defaults to true)</div>
 608                         </div>
 609
 610                         <div class="mdesc">
 611                             <div class="long">
 612                     False to prevent the user from typing text directly into the field, just like a<br/>traditional select (defaults to true)
 613
 614                 </div>
 615                         </div>
 616
 617
 618
 619                     </td>
 620                     <td class="msource">
 621
 622                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 623
 624                     </td>
 625                 </tr>
 626
 627
 628                 <tr class="config-row expandable config-row-alt1">
 629                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 630                     <td class="sig">
 631
 632                         <a id="Roo.form.TextField-cfg-emptyText" name=".emptyText"></a>
 633                         <div class="fixedFont">
 634                                 <b  class="itemname">emptyText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 635
 636
 637                         </div>
 638
 639                         <div class="mdesc">
 640                             <div class="short">The default text to display in an empty field - placeholder.</div>
 641                         </div>
 642
 643                         <div class="mdesc">
 644                             <div class="long">
 645                     The default text to display in an empty field - placeholder... (defaults to null).
 646
 647                 </div>
 648                         </div>
 649
 650
 651
 652                     </td>
 653                     <td class="msource">
 654
 655                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
 656
 657                     </td>
 658                 </tr>
 659
 660
 661                 <tr class="config-row expandable config-row-alt0">
 662                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 663                     <td class="sig">
 664
 665                         <a id="Roo.form.Field-cfg-fieldClass" name=".fieldClass"></a>
 666                         <div class="fixedFont">
 667                                 <b  class="itemname">fieldClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 668
 669
 670                         </div>
 671
 672                         <div class="mdesc">
 673                             <div class="short">The default CSS class for the field (defaults to "x-form-field")</div>
 674                         </div>
 675
 676                         <div class="mdesc">
 677                             <div class="long">
 678                     The default CSS class for the field (defaults to "x-form-field")
 679
 680                 </div>
 681                         </div>
 682
 683
 684
 685                     </td>
 686                     <td class="msource">
 687
 688                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 689
 690                     </td>
 691                 </tr>
 692
 693
 694                 <tr class="config-row expandable config-row-alt1">
 695                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 696                     <td class="sig">
 697
 698                         <a id="Roo.form.Field-cfg-fieldLabel" name=".fieldLabel"></a>
 699                         <div class="fixedFont">
 700                                 <b  class="itemname">fieldLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 701
 702
 703                         </div>
 704
 705                         <div class="mdesc">
 706                             <div class="short">Label to use when rendering a form.</div>
 707                         </div>
 708
 709                         <div class="mdesc">
 710                             <div class="long">
 711                     Label to use when rendering a form.
 712
 713                 </div>
 714                         </div>
 715
 716
 717
 718                     </td>
 719                     <td class="msource">
 720
 721                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 722
 723                     </td>
 724                 </tr>
 725
 726
 727                 <tr class="config-row expandable config-row-alt0">
 728                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 729                     <td class="sig">
 730
 731                         <a id="Roo.form.Field-cfg-focusClass" name=".focusClass"></a>
 732                         <div class="fixedFont">
 733                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 734
 735
 736                         </div>
 737
 738                         <div class="mdesc">
 739                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 740                         </div>
 741
 742                         <div class="mdesc">
 743                             <div class="long">
 744                     The CSS class to use when the field receives focus (defaults to "x-form-focus")
 745
 746                 </div>
 747                         </div>
 748
 749
 750
 751                     </td>
 752                     <td class="msource">
 753
 754                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 755
 756                     </td>
 757                 </tr>
 758
 759
 760                 <tr class="config-row expandable config-row-alt1">
 761                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 762                     <td class="sig">
 763
 764                         <a id="Roo.form.ComboBox-cfg-forceSelection" name=".forceSelection"></a>
 765                         <div class="fixedFont">
 766                                 <b  class="itemname">forceSelection</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 767
 768
 769                         </div>
 770
 771                         <div class="mdesc">
 772                             <div class="short">True to restrict the selected value to one of the values in the list, false to<br/>allow the user to set arbitrary text into the field (defaults to false)</div>
 773                         </div>
 774
 775                         <div class="mdesc">
 776                             <div class="long">
 777                     True to restrict the selected value to one of the values in the list, false to<br/>allow the user to set arbitrary text into the field (defaults to false)
 778
 779                 </div>
 780                         </div>
 781
 782
 783
 784                     </td>
 785                     <td class="msource">
 786
 787                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 788
 789                     </td>
 790                 </tr>
 791
 792
 793                 <tr class="config-row expandable config-row-alt0">
 794                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 795                     <td class="sig">
 796
 797                         <a id="Roo.form.ComboBox-cfg-grow" name=".grow"></a>
 798                         <div class="fixedFont">
 799                                 <b  class="itemname">grow</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 800
 801
 802                         </div>
 803
 804                         <div class="mdesc">
 805                             <div class="short"></div>
 806                         </div>
 807
 808                         <div class="mdesc">
 809                             <div class="long">
 810
 811
 812                 </div>
 813                         </div>
 814
 815
 816
 817                     </td>
 818                     <td class="msource">
 819
 820                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 821
 822                     </td>
 823                 </tr>
 824
 825
 826                 <tr class="config-row expandable config-row-alt1">
 827                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 828                     <td class="sig">
 829
 830                         <a id="Roo.form.ComboBox-cfg-growMax" name=".growMax"></a>
 831                         <div class="fixedFont">
 832                                 <b  class="itemname">growMax</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 833
 834
 835                         </div>
 836
 837                         <div class="mdesc">
 838                             <div class="short"></div>
 839                         </div>
 840
 841                         <div class="mdesc">
 842                             <div class="long">
 843
 844
 845                 </div>
 846                         </div>
 847
 848
 849
 850                     </td>
 851                     <td class="msource">
 852
 853                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 854
 855                     </td>
 856                 </tr>
 857
 858
 859                 <tr class="config-row expandable config-row-alt0">
 860                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 861                     <td class="sig">
 862
 863                         <a id="Roo.form.ComboBox-cfg-growMin" name=".growMin"></a>
 864                         <div class="fixedFont">
 865                                 <b  class="itemname">growMin</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 866
 867
 868                         </div>
 869
 870                         <div class="mdesc">
 871                             <div class="short"></div>
 872                         </div>
 873
 874                         <div class="mdesc">
 875                             <div class="long">
 876
 877
 878                 </div>
 879                         </div>
 880
 881
 882
 883                     </td>
 884                     <td class="msource">
 885
 886                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 887
 888                     </td>
 889                 </tr>
 890
 891
 892                 <tr class="config-row expandable config-row-alt1">
 893                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 894                     <td class="sig">
 895
 896                         <a id="Roo.form.ComboBox-cfg-handleHeight" name=".handleHeight"></a>
 897                         <div class="fixedFont">
 898                                 <b  class="itemname">handleHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 899
 900
 901                         </div>
 902
 903                         <div class="mdesc">
 904                             <div class="short">The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)</div>
 905                         </div>
 906
 907                         <div class="mdesc">
 908                             <div class="long">
 909                     The height in pixels of the dropdown list resize handle if resizable = true (defaults to 8)
 910
 911                 </div>
 912                         </div>
 913
 914
 915
 916                     </td>
 917                     <td class="msource">
 918
 919                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 920
 921                     </td>
 922                 </tr>
 923
 924
 925                 <tr class="config-row expandable config-row-alt0">
 926                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 927                     <td class="sig">
 928
 929                         <a id="Roo.BoxComponent-cfg-height" name=".height"></a>
 930                         <div class="fixedFont">
 931                                 <b  class="itemname">height</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 932
 933
 934                         </div>
 935
 936                         <div class="mdesc">
 937                             <div class="short">height (optional) size of component</div>
 938                         </div>
 939
 940                         <div class="mdesc">
 941                             <div class="long">
 942                     height (optional) size of component
 943
 944                 </div>
 945                         </div>
 946
 947
 948
 949                     </td>
 950                     <td class="msource">
 951
 952                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
 953
 954                     </td>
 955                 </tr>
 956
 957
 958                 <tr class="config-row expandable config-row-alt1">
 959                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 960                     <td class="sig">
 961
 962                         <a id="Roo.form.ComboBox-cfg-hiddenName" name=".hiddenName"></a>
 963                         <div class="fixedFont">
 964                                 <b  class="itemname">hiddenName</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 965
 966
 967                         </div>
 968
 969                         <div class="mdesc">
 970                             <div class="short">If specified, a hidden form field with this name is dynamically generated to store the<br/>field's data value (defaults to the underlying DOM element's name)</div>
 971                         </div>
 972
 973                         <div class="mdesc">
 974                             <div class="long">
 975                     If specified, a hidden form field with this name is dynamically generated to store the<br/>field's data value (defaults to the underlying DOM element's name)
 976
 977                 </div>
 978                         </div>
 979
 980
 981
 982                     </td>
 983                     <td class="msource">
 984
 985                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
 986
 987                     </td>
 988                 </tr>
 989
 990
 991                 <tr class="config-row expandable config-row-alt0">
 992                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 993                     <td class="sig">
 994
 995                         <a id="Roo.Component-cfg-hideMode" name=".hideMode"></a>
 996                         <div class="fixedFont">
 997                                 <b  class="itemname">hideMode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 998
 999
1000                         </div>
1001
1002                         <div class="mdesc">
1003                             <div class="short">How this component should hidden.</div>
1004                         </div>
1005
1006                         <div class="mdesc">
1007                             <div class="long">
1008                     How this component should hidden. Supported values are<br/>"visibility" (css visibility), "offsets" (negative offset position) and<br/>"display" (css display) - defaults to "display".
1009                     <BR/>Possible Values: display, visibility
1010                 </div>
1011                         </div>
1012
1013
1014
1015                     </td>
1016                     <td class="msource">
1017
1018                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
1019
1020                     </td>
1021                 </tr>
1022
1023
1024                 <tr class="config-row expandable config-row-alt1">
1025                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1026                     <td class="sig">
1027
1028                         <a id="Roo.form.TriggerField-cfg-hideTrigger" name=".hideTrigger"></a>
1029                         <div class="fixedFont">
1030                                 <b  class="itemname">hideTrigger</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1031
1032
1033                         </div>
1034
1035                         <div class="mdesc">
1036                             <div class="short">True to hide the trigger element and display only the base text field (defaults to false)</div>
1037                         </div>
1038
1039                         <div class="mdesc">
1040                             <div class="long">
1041                     True to hide the trigger element and display only the base text field (defaults to false)
1042
1043                 </div>
1044                         </div>
1045
1046
1047
1048                     </td>
1049                     <td class="msource">
1050
1051                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
1052
1053                     </td>
1054                 </tr>
1055
1056
1057                 <tr class="config-row expandable config-row-alt0">
1058                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1059                     <td class="sig">
1060
1061                         <a id="Roo.form.Field-cfg-inputType" name=".inputType"></a>
1062                         <div class="fixedFont">
1063                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1064
1065
1066                         </div>
1067
1068                         <div class="mdesc">
1069                             <div class="short">The type attribute for input fields -- e.g.</div>
1070                         </div>
1071
1072                         <div class="mdesc">
1073                             <div class="long">
1074                     The type attribute for input fields -- e.g. radio, text, password (defaults to "text").
1075
1076                 </div>
1077                         </div>
1078
1079
1080
1081                     </td>
1082                     <td class="msource">
1083
1084                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1085
1086                     </td>
1087                 </tr>
1088
1089
1090                 <tr class="config-row expandable config-row-alt1">
1091                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1092                     <td class="sig">
1093
1094                         <a id="Roo.form.Field-cfg-invalidClass" name=".invalidClass"></a>
1095                         <div class="fixedFont">
1096                                 <b  class="itemname">invalidClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1097
1098
1099                         </div>
1100
1101                         <div class="mdesc">
1102                             <div class="short">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
1103                         </div>
1104
1105                         <div class="mdesc">
1106                             <div class="long">
1107                     The CSS class to use when marking a field invalid (defaults to "x-form-invalid")
1108
1109                 </div>
1110                         </div>
1111
1112
1113
1114                     </td>
1115                     <td class="msource">
1116
1117                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1118
1119                     </td>
1120                 </tr>
1121
1122
1123                 <tr class="config-row expandable config-row-alt0">
1124                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1125                     <td class="sig">
1126
1127                         <a id="Roo.form.Field-cfg-invalidText" name=".invalidText"></a>
1128                         <div class="fixedFont">
1129                                 <b  class="itemname">invalidText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1130
1131
1132                         </div>
1133
1134                         <div class="mdesc">
1135                             <div class="short">The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field is invalid")</div>
1136                         </div>
1137
1138                         <div class="mdesc">
1139                             <div class="long">
1140                     The error text to use when marking a field invalid and no message is provided (defaults to "The value in this field is invalid")
1141
1142                 </div>
1143                         </div>
1144
1145
1146
1147                     </td>
1148                     <td class="msource">
1149
1150                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1151
1152                     </td>
1153                 </tr>
1154
1155
1156                 <tr class="config-row expandable config-row-alt1">
1157                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1158                     <td class="sig">
1159
1160                         <a id="Roo.form.ComboBox-cfg-lazyRender" name=".lazyRender"></a>
1161                         <div class="fixedFont">
1162                                 <b  class="itemname">lazyRender</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1163
1164
1165                         </div>
1166
1167                         <div class="mdesc">
1168                             <div class="short">True to prevent the ComboBox from rendering until requested (should always be used when<br/>rendering into an Roo.Editor, defaults to false)</div>
1169                         </div>
1170
1171                         <div class="mdesc">
1172                             <div class="long">
1173                     True to prevent the ComboBox from rendering until requested (should always be used when<br/>rendering into an Roo.Editor, defaults to false)
1174
1175                 </div>
1176                         </div>
1177
1178
1179
1180                     </td>
1181                     <td class="msource">
1182
1183                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1184
1185                     </td>
1186                 </tr>
1187
1188
1189                 <tr class="config-row expandable config-row-alt0">
1190                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1191                     <td class="sig">
1192
1193                         <a id="Roo.form.ComboBox-cfg-listAlign" name=".listAlign"></a>
1194                         <div class="fixedFont">
1195                                 <b  class="itemname">listAlign</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1196
1197
1198                         </div>
1199
1200                         <div class="mdesc">
1201                             <div class="short">A valid anchor position value.</div>
1202                         </div>
1203
1204                         <div class="mdesc">
1205                             <div class="long">
1206                     A valid anchor position value. See {<b>link</b> Roo.Element<b>alignTo</b>} for details on supported<br/>anchor positions (defaults to 'tl-bl')
1207
1208                 </div>
1209                         </div>
1210
1211
1212
1213                     </td>
1214                     <td class="msource">
1215
1216                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1217
1218                     </td>
1219                 </tr>
1220
1221
1222                 <tr class="config-row expandable config-row-alt1">
1223                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1224                     <td class="sig">
1225
1226                         <a id="Roo.form.ComboBox-cfg-listClass" name=".listClass"></a>
1227                         <div class="fixedFont">
1228                                 <b  class="itemname">listClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1229
1230
1231                         </div>
1232
1233                         <div class="mdesc">
1234                             <div class="short">CSS class to apply to the dropdown list element (defaults to '')</div>
1235                         </div>
1236
1237                         <div class="mdesc">
1238                             <div class="long">
1239                     CSS class to apply to the dropdown list element (defaults to '')
1240
1241                 </div>
1242                         </div>
1243
1244
1245
1246                     </td>
1247                     <td class="msource">
1248
1249                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1250
1251                     </td>
1252                 </tr>
1253
1254
1255                 <tr class="config-row expandable config-row-alt0">
1256                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1257                     <td class="sig">
1258
1259                         <a id="Roo.form.ComboBox-cfg-listWidth" name=".listWidth"></a>
1260                         <div class="fixedFont">
1261                                 <b  class="itemname">listWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1262
1263
1264                         </div>
1265
1266                         <div class="mdesc">
1267                             <div class="short">The width in pixels of the dropdown list (defaults to the width of the ComboBox field)</div>
1268                         </div>
1269
1270                         <div class="mdesc">
1271                             <div class="long">
1272                     The width in pixels of the dropdown list (defaults to the width of the ComboBox field)
1273
1274                 </div>
1275                         </div>
1276
1277
1278
1279                     </td>
1280                     <td class="msource">
1281
1282                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1283
1284                     </td>
1285                 </tr>
1286
1287
1288                 <tr class="config-row expandable config-row-alt1">
1289                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1290                     <td class="sig">
1291
1292                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
1293                         <div class="fixedFont">
1294                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
1295
1296
1297                         </div>
1298
1299                         <div class="mdesc">
1300                             <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>
1301                         </div>
1302
1303                         <div class="mdesc">
1304                             <div class="long">
1305                     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>
1306
1307                 </div>
1308                         </div>
1309
1310
1311
1312                     </td>
1313                     <td class="msource">
1314
1315                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1316
1317                     </td>
1318                 </tr>
1319
1320
1321                 <tr class="config-row expandable config-row-alt0">
1322                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1323                     <td class="sig">
1324
1325                         <a id="Roo.form.ComboBox-cfg-loadingText" name=".loadingText"></a>
1326                         <div class="fixedFont">
1327                                 <b  class="itemname">loadingText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1328
1329
1330                         </div>
1331
1332                         <div class="mdesc">
1333                             <div class="short">The text to display in the dropdown list while data is loading.</div>
1334                         </div>
1335
1336                         <div class="mdesc">
1337                             <div class="long">
1338                     The text to display in the dropdown list while data is loading.  Only applies<br/>when mode = 'remote' (defaults to 'Loading...')
1339
1340                 </div>
1341                         </div>
1342
1343
1344
1345                     </td>
1346                     <td class="msource">
1347
1348                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1349
1350                     </td>
1351                 </tr>
1352
1353
1354                 <tr class="config-row expandable config-row-alt1">
1355                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1356                     <td class="sig">
1357
1358                         <a id="Roo.form.TextField-cfg-maskRe" name=".maskRe"></a>
1359                         <div class="fixedFont">
1360                                 <b  class="itemname">maskRe</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1361
1362
1363                         </div>
1364
1365                         <div class="mdesc">
1366                             <div class="short">An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)</div>
1367                         </div>
1368
1369                         <div class="mdesc">
1370                             <div class="long">
1371                     An input mask regular expression that will be used to filter keystrokes that don't match (defaults to null)
1372
1373                 </div>
1374                         </div>
1375
1376
1377
1378                     </td>
1379                     <td class="msource">
1380
1381                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1382
1383                     </td>
1384                 </tr>
1385
1386
1387                 <tr class="config-row expandable config-row-alt0">
1388                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1389                     <td class="sig">
1390
1391                         <a id="Roo.form.ComboBox-cfg-maxHeight" name=".maxHeight"></a>
1392                         <div class="fixedFont">
1393                                 <b  class="itemname">maxHeight</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1394
1395
1396                         </div>
1397
1398                         <div class="mdesc">
1399                             <div class="short">The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)</div>
1400                         </div>
1401
1402                         <div class="mdesc">
1403                             <div class="long">
1404                     The maximum height in pixels of the dropdown list before scrollbars are shown (defaults to 300)
1405
1406                 </div>
1407                         </div>
1408
1409
1410
1411                     </td>
1412                     <td class="msource">
1413
1414                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1415
1416                     </td>
1417                 </tr>
1418
1419
1420                 <tr class="config-row expandable config-row-alt1">
1421                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1422                     <td class="sig">
1423
1424                         <a id="Roo.form.TextField-cfg-maxLength" name=".maxLength"></a>
1425                         <div class="fixedFont">
1426                                 <b  class="itemname">maxLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1427
1428
1429                         </div>
1430
1431                         <div class="mdesc">
1432                             <div class="short">Maximum input field length allowed (defaults to Number.MAX_VALUE)</div>
1433                         </div>
1434
1435                         <div class="mdesc">
1436                             <div class="long">
1437                     Maximum input field length allowed (defaults to Number.MAX_VALUE)
1438
1439                 </div>
1440                         </div>
1441
1442
1443
1444                     </td>
1445                     <td class="msource">
1446
1447                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1448
1449                     </td>
1450                 </tr>
1451
1452
1453                 <tr class="config-row expandable config-row-alt0">
1454                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1455                     <td class="sig">
1456
1457                         <a id="Roo.form.TextField-cfg-maxLengthText" name=".maxLengthText"></a>
1458                         <div class="fixedFont">
1459                                 <b  class="itemname">maxLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1460
1461
1462                         </div>
1463
1464                         <div class="mdesc">
1465                             <div class="short">Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")</div>
1466                         </div>
1467
1468                         <div class="mdesc">
1469                             <div class="long">
1470                     Error text to display if the maximum length validation fails (defaults to "The maximum length for this field is {maxLength}")
1471
1472                 </div>
1473                         </div>
1474
1475
1476
1477                     </td>
1478                     <td class="msource">
1479
1480                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1481
1482                     </td>
1483                 </tr>
1484
1485
1486                 <tr class="config-row expandable config-row-alt1">
1487                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1488                     <td class="sig">
1489
1490                         <a id="Roo.form.ComboBox-cfg-minChars" name=".minChars"></a>
1491                         <div class="fixedFont">
1492                                 <b  class="itemname">minChars</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1493
1494
1495                         </div>
1496
1497                         <div class="mdesc">
1498                             <div class="short">The minimum number of characters the user must type before autocomplete and typeahead activate<br/>(defaults to 4, does not apply if editable = false)</div>
1499                         </div>
1500
1501                         <div class="mdesc">
1502                             <div class="long">
1503                     The minimum number of characters the user must type before autocomplete and typeahead activate<br/>(defaults to 4, does not apply if editable = false)
1504
1505                 </div>
1506                         </div>
1507
1508
1509
1510                     </td>
1511                     <td class="msource">
1512
1513                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1514
1515                     </td>
1516                 </tr>
1517
1518
1519                 <tr class="config-row expandable config-row-alt0">
1520                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1521                     <td class="sig">
1522
1523                         <a id="Roo.form.TextField-cfg-minLength" name=".minLength"></a>
1524                         <div class="fixedFont">
1525                                 <b  class="itemname">minLength</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1526
1527
1528                         </div>
1529
1530                         <div class="mdesc">
1531                             <div class="short">Minimum input field length required (defaults to 0)</div>
1532                         </div>
1533
1534                         <div class="mdesc">
1535                             <div class="long">
1536                     Minimum input field length required (defaults to 0)
1537
1538                 </div>
1539                         </div>
1540
1541
1542
1543                     </td>
1544                     <td class="msource">
1545
1546                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1547
1548                     </td>
1549                 </tr>
1550
1551
1552                 <tr class="config-row expandable config-row-alt1">
1553                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1554                     <td class="sig">
1555
1556                         <a id="Roo.form.TextField-cfg-minLengthText" name=".minLengthText"></a>
1557                         <div class="fixedFont">
1558                                 <b  class="itemname">minLengthText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1559
1560
1561                         </div>
1562
1563                         <div class="mdesc">
1564                             <div class="short">Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")</div>
1565                         </div>
1566
1567                         <div class="mdesc">
1568                             <div class="long">
1569                     Error text to display if the minimum length validation fails (defaults to "The minimum length for this field is {minLength}")
1570
1571                 </div>
1572                         </div>
1573
1574
1575
1576                     </td>
1577                     <td class="msource">
1578
1579                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1580
1581                     </td>
1582                 </tr>
1583
1584
1585                 <tr class="config-row expandable config-row-alt0">
1586                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1587                     <td class="sig">
1588
1589                         <a id="Roo.form.ComboBox-cfg-minListWidth" name=".minListWidth"></a>
1590                         <div class="fixedFont">
1591                                 <b  class="itemname">minListWidth</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1592
1593
1594                         </div>
1595
1596                         <div class="mdesc">
1597                             <div class="short">The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if<br/>listWidth has a higher value)</div>
1598                         </div>
1599
1600                         <div class="mdesc">
1601                             <div class="long">
1602                     The minimum width of the dropdown list in pixels (defaults to 70, will be ignored if<br/>listWidth has a higher value)
1603
1604                 </div>
1605                         </div>
1606
1607
1608
1609                     </td>
1610                     <td class="msource">
1611
1612                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1613
1614                     </td>
1615                 </tr>
1616
1617
1618                 <tr class="config-row expandable config-row-alt1">
1619                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1620                     <td class="sig">
1621
1622                         <a id="Roo.form.ComboBox-cfg-mode" name=".mode"></a>
1623                         <div class="fixedFont">
1624                                 <b  class="itemname">mode</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1625
1626
1627                         </div>
1628
1629                         <div class="mdesc">
1630                             <div class="short">Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)</div>
1631                         </div>
1632
1633                         <div class="mdesc">
1634                             <div class="long">
1635                     Set to 'local' if the ComboBox loads local data (defaults to 'remote' which loads from the server)
1636
1637                 </div>
1638                         </div>
1639
1640
1641
1642                     </td>
1643                     <td class="msource">
1644
1645                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1646
1647                     </td>
1648                 </tr>
1649
1650
1651                 <tr class="config-row expandable config-row-alt0">
1652                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1653                     <td class="sig">
1654
1655                         <a id="Roo.form.Field-cfg-msgFx" name=".msgFx"></a>
1656                         <div class="fixedFont">
1657                                 <b  class="itemname">msgFx</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1658
1659
1660                         </div>
1661
1662                         <div class="mdesc">
1663                             <div class="short"><b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').</div>
1664                         </div>
1665
1666                         <div class="mdesc">
1667                             <div class="long">
1668                     <b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').
1669
1670                 </div>
1671                         </div>
1672
1673
1674
1675                     </td>
1676                     <td class="msource">
1677
1678                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1679
1680                     </td>
1681                 </tr>
1682
1683
1684                 <tr class="config-row expandable config-row-alt1">
1685                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1686                     <td class="sig">
1687
1688                         <a id="Roo.form.Field-cfg-msgTarget" name=".msgTarget"></a>
1689                         <div class="fixedFont">
1690                                 <b  class="itemname">msgTarget</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1691
1692
1693                         </div>
1694
1695                         <div class="mdesc">
1696                             <div class="short">The location where error text should display.</div>
1697                         </div>
1698
1699                         <div class="mdesc">
1700                             <div class="long">
1701                     The location where error text should display.  Should be one of the following values (defaults to 'qtip'):<br/><pre><br/>Value         Description<br/>-----------   ----------------------------------------------------------------------<br/>qtip          Display a quick tip when the user hovers over the field<br/>title         Display a default browser title attribute popup<br/>under         Add a block div beneath the field containing the error text<br/>side          Add an error icon to the right of the field with a popup on hover<br/>[element id]  Add the error text directly to the innerHTML of the specified element<br/></pre>
1702
1703                 </div>
1704                         </div>
1705
1706
1707
1708                     </td>
1709                     <td class="msource">
1710
1711                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1712
1713                     </td>
1714                 </tr>
1715
1716
1717                 <tr class="config-row expandable config-row-alt0">
1718                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1719                     <td class="sig">
1720
1721                         <a id="Roo.form.Field-cfg-name" name=".name"></a>
1722                         <div class="fixedFont">
1723                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1724
1725
1726                         </div>
1727
1728                         <div class="mdesc">
1729                             <div class="short">The field's HTML name attribute.</div>
1730                         </div>
1731
1732                         <div class="mdesc">
1733                             <div class="long">
1734                     The field's HTML name attribute.
1735
1736                 </div>
1737                         </div>
1738
1739
1740
1741                     </td>
1742                     <td class="msource">
1743
1744                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1745
1746                     </td>
1747                 </tr>
1748
1749
1750                 <tr class="config-row expandable config-row-alt1">
1751                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1752                     <td class="sig">
1753
1754                         <a id="Roo.form.ComboBox-cfg-pageSize" name=".pageSize"></a>
1755                         <div class="fixedFont">
1756                                 <b  class="itemname">pageSize</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1757
1758
1759                         </div>
1760
1761                         <div class="mdesc">
1762                             <div class="short">If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the<br/>filter queries will execute with page start and limit parameters.</div>
1763                         </div>
1764
1765                         <div class="mdesc">
1766                             <div class="long">
1767                     If greater than 0, a paging toolbar is displayed in the footer of the dropdown list and the<br/>filter queries will execute with page start and limit parameters.  Only applies when mode = 'remote' (defaults to 0)
1768
1769                 </div>
1770                         </div>
1771
1772
1773
1774                     </td>
1775                     <td class="msource">
1776
1777                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1778
1779                     </td>
1780                 </tr>
1781
1782
1783                 <tr class="config-row expandable config-row-alt0">
1784                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1785                     <td class="sig">
1786
1787                         <a id="Roo.form.Field-cfg-qtip" name=".qtip"></a>
1788                         <div class="fixedFont">
1789                                 <b  class="itemname">qtip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1790
1791
1792                         </div>
1793
1794                         <div class="mdesc">
1795                             <div class="short">Mouse over tip</div>
1796                         </div>
1797
1798                         <div class="mdesc">
1799                             <div class="long">
1800                     Mouse over tip
1801
1802                 </div>
1803                         </div>
1804
1805
1806
1807                     </td>
1808                     <td class="msource">
1809
1810                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1811
1812                     </td>
1813                 </tr>
1814
1815
1816                 <tr class="config-row expandable config-row-alt1">
1817                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1818                     <td class="sig">
1819
1820                         <a id="Roo.form.ComboBox-cfg-queryDelay" name=".queryDelay"></a>
1821                         <div class="fixedFont">
1822                                 <b  class="itemname">queryDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1823
1824
1825                         </div>
1826
1827                         <div class="mdesc">
1828                             <div class="short">The length of time in milliseconds to delay between the start of typing and sending the<br/>query to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')</div>
1829                         </div>
1830
1831                         <div class="mdesc">
1832                             <div class="long">
1833                     The length of time in milliseconds to delay between the start of typing and sending the<br/>query to filter the dropdown list (defaults to 500 if mode = 'remote' or 10 if mode = 'local')
1834
1835                 </div>
1836                         </div>
1837
1838
1839
1840                     </td>
1841                     <td class="msource">
1842
1843                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1844
1845                     </td>
1846                 </tr>
1847
1848
1849                 <tr class="config-row expandable config-row-alt0">
1850                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1851                     <td class="sig">
1852
1853                         <a id="Roo.form.ComboBox-cfg-queryParam" name=".queryParam"></a>
1854                         <div class="fixedFont">
1855                                 <b  class="itemname">queryParam</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1856
1857
1858                         </div>
1859
1860                         <div class="mdesc">
1861                             <div class="short">Name of the query as it will be passed on the querystring (defaults to 'query')</div>
1862                         </div>
1863
1864                         <div class="mdesc">
1865                             <div class="long">
1866                     Name of the query as it will be passed on the querystring (defaults to 'query')
1867
1868                 </div>
1869                         </div>
1870
1871
1872
1873                     </td>
1874                     <td class="msource">
1875
1876                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
1877
1878                     </td>
1879                 </tr>
1880
1881
1882                 <tr class="config-row expandable config-row-alt1">
1883                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1884                     <td class="sig">
1885
1886                         <a id="Roo.form.Field-cfg-readOnly" name=".readOnly"></a>
1887                         <div class="fixedFont">
1888                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1889
1890
1891                         </div>
1892
1893                         <div class="mdesc">
1894                             <div class="short">True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.</div>
1895                         </div>
1896
1897                         <div class="mdesc">
1898                             <div class="long">
1899                     True to mark the field as readOnly in HTML (defaults to false) -- Note: this only sets the element's readOnly DOM attribute.
1900
1901                 </div>
1902                         </div>
1903
1904
1905
1906                     </td>
1907                     <td class="msource">
1908
1909                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
1910
1911                     </td>
1912                 </tr>
1913
1914
1915                 <tr class="config-row expandable config-row-alt0">
1916                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1917                     <td class="sig">
1918
1919                         <a id="Roo.form.TextField-cfg-regex" name=".regex"></a>
1920                         <div class="fixedFont">
1921                                 <b  class="itemname">regex</b> : RegExp
1922
1923
1924                         </div>
1925
1926                         <div class="mdesc">
1927                             <div class="short">A JavaScript RegExp object to be tested against the field value during validation (defaults to null).</div>
1928                         </div>
1929
1930                         <div class="mdesc">
1931                             <div class="long">
1932                     A JavaScript RegExp object to be tested against the field value during validation (defaults to null).<br/>If available, this regex will be evaluated only after the basic validators all return true, and will be passed the<br/>current field value.  If the test fails, the field will be marked invalid using {<b>link</b> <b>regexText</b>}.
1933
1934                 </div>
1935                         </div>
1936
1937
1938
1939                     </td>
1940                     <td class="msource">
1941
1942                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1943
1944                     </td>
1945                 </tr>
1946
1947
1948                 <tr class="config-row expandable config-row-alt1">
1949                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1950                     <td class="sig">
1951
1952                         <a id="Roo.form.TextField-cfg-regexText" name=".regexText"></a>
1953                         <div class="fixedFont">
1954                                 <b  class="itemname">regexText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
1955
1956
1957                         </div>
1958
1959                         <div class="mdesc">
1960                             <div class="short">The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")</div>
1961                         </div>
1962
1963                         <div class="mdesc">
1964                             <div class="long">
1965                     The error text to display if {<b>link</b> <b>regex</b>} is used and the test fails during validation (defaults to "")
1966
1967                 </div>
1968                         </div>
1969
1970
1971
1972                     </td>
1973                     <td class="msource">
1974
1975                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
1976
1977                     </td>
1978                 </tr>
1979
1980
1981                 <tr class="config-row expandable config-row-alt0">
1982                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1983                     <td class="sig">
1984
1985                         <a id="Roo.form.ComboBox-cfg-resizable" name=".resizable"></a>
1986                         <div class="fixedFont">
1987                                 <b  class="itemname">resizable</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1988
1989
1990                         </div>
1991
1992                         <div class="mdesc">
1993                             <div class="short">True to add a resize handle to the bottom of the dropdown list (defaults to false)</div>
1994                         </div>
1995
1996                         <div class="mdesc">
1997                             <div class="long">
1998                     True to add a resize handle to the bottom of the dropdown list (defaults to false)
1999
2000                 </div>
2001                         </div>
2002
2003
2004
2005                     </td>
2006                     <td class="msource">
2007
2008                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2009
2010                     </td>
2011                 </tr>
2012
2013
2014                 <tr class="config-row expandable config-row-alt1">
2015                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2016                     <td class="sig">
2017
2018                         <a id="Roo.form.ComboBox-cfg-selectOnFocus" name=".selectOnFocus"></a>
2019                         <div class="fixedFont">
2020                                 <b  class="itemname">selectOnFocus</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2021
2022
2023                         </div>
2024
2025                         <div class="mdesc">
2026                             <div class="short">True to select any existing text in the field immediately on focus.</div>
2027                         </div>
2028
2029                         <div class="mdesc">
2030                             <div class="long">
2031                     True to select any existing text in the field immediately on focus.  Only applies<br/>when editable = true (defaults to false)
2032
2033                 </div>
2034                         </div>
2035
2036
2037
2038                     </td>
2039                     <td class="msource">
2040
2041                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2042
2043                     </td>
2044                 </tr>
2045
2046
2047                 <tr class="config-row expandable config-row-alt0">
2048                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2049                     <td class="sig">
2050
2051                         <a id="Roo.form.ComboBox-cfg-selectedClass" name=".selectedClass"></a>
2052                         <div class="fixedFont">
2053                                 <b  class="itemname">selectedClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2054
2055
2056                         </div>
2057
2058                         <div class="mdesc">
2059                             <div class="short">CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')</div>
2060                         </div>
2061
2062                         <div class="mdesc">
2063                             <div class="long">
2064                     CSS class to apply to the selected item in the dropdown list (defaults to 'x-combo-selected')
2065
2066                 </div>
2067                         </div>
2068
2069
2070
2071                     </td>
2072                     <td class="msource">
2073
2074                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2075
2076                     </td>
2077                 </tr>
2078
2079
2080                 <tr class="config-row expandable config-row-alt1">
2081                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2082                     <td class="sig">
2083
2084                         <a id="Roo.form.ComboBox-cfg-shadow" name=".shadow"></a>
2085                         <div class="fixedFont">
2086                                 <b  class="itemname">shadow</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>/String
2087
2088
2089                         </div>
2090
2091                         <div class="mdesc">
2092                             <div class="short">True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right</div>
2093                         </div>
2094
2095                         <div class="mdesc">
2096                             <div class="long">
2097                     True or "sides" for the default effect, "frame" for 4-way shadow, and "drop" for bottom-right
2098
2099                 </div>
2100                         </div>
2101
2102
2103
2104                     </td>
2105                     <td class="msource">
2106
2107                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2108
2109                     </td>
2110                 </tr>
2111
2112
2113                 <tr class="config-row expandable config-row-alt0">
2114                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2115                     <td class="sig">
2116
2117                         <a id="Roo.form.ComboBox-cfg-store" name=".store"></a>
2118                         <div class="fixedFont">
2119                                 <b  class="itemname">store</b> : <a href="./Roo.data.Store.html#constructor" roo:cls="Roo.data.Store.html#constructor">Roo.data.Store</a>
2120
2121
2122                         </div>
2123
2124                         <div class="mdesc">
2125                             <div class="short">The data store to which this combo is bound (defaults to undefined)</div>
2126                         </div>
2127
2128                         <div class="mdesc">
2129                             <div class="long">
2130                     The data store to which this combo is bound (defaults to undefined)
2131
2132                 </div>
2133                         </div>
2134
2135
2136
2137                     </td>
2138                     <td class="msource">
2139
2140                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2141
2142                     </td>
2143                 </tr>
2144
2145
2146                 <tr class="config-row expandable config-row-alt1">
2147                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2148                     <td class="sig">
2149
2150                         <a id="Roo.form.Field-cfg-tabIndex" name=".tabIndex"></a>
2151                         <div class="fixedFont">
2152                                 <b  class="itemname">tabIndex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2153
2154
2155                         </div>
2156
2157                         <div class="mdesc">
2158                             <div class="short">The tabIndex for this field.</div>
2159                         </div>
2160
2161                         <div class="mdesc">
2162                             <div class="long">
2163                     The tabIndex for this field. Note this only applies to fields that are rendered, not those which are built via applyTo (defaults to undefined).
2164
2165                 </div>
2166                         </div>
2167
2168
2169
2170                     </td>
2171                     <td class="msource">
2172
2173                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2174
2175                     </td>
2176                 </tr>
2177
2178
2179                 <tr class="config-row expandable config-row-alt0">
2180                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2181                     <td class="sig">
2182
2183                         <a id="Roo.form.ComboBox-cfg-title" name=".title"></a>
2184                         <div class="fixedFont">
2185                                 <b  class="itemname">title</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2186
2187
2188                         </div>
2189
2190                         <div class="mdesc">
2191                             <div class="short">If supplied, a header element is created containing this text and added into the top of<br/>the dropdown list (defaults to undefined, with no header element)</div>
2192                         </div>
2193
2194                         <div class="mdesc">
2195                             <div class="long">
2196                     If supplied, a header element is created containing this text and added into the top of<br/>the dropdown list (defaults to undefined, with no header element)
2197
2198                 </div>
2199                         </div>
2200
2201
2202
2203                     </td>
2204                     <td class="msource">
2205
2206                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2207
2208                     </td>
2209                 </tr>
2210
2211
2212                 <tr class="config-row expandable config-row-alt1">
2213                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2214                     <td class="sig">
2215
2216                         <a id="Roo.form.ComboBox-cfg-tpl" name=".tpl"></a>
2217                         <div class="fixedFont">
2218                                 <b  class="itemname">tpl</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Roo.Template
2219
2220
2221                         </div>
2222
2223                         <div class="mdesc">
2224                             <div class="short">The template to use to render the output</div>
2225                         </div>
2226
2227                         <div class="mdesc">
2228                             <div class="long">
2229                     The template to use to render the output
2230
2231                 </div>
2232                         </div>
2233
2234
2235
2236                     </td>
2237                     <td class="msource">
2238
2239                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2240
2241                     </td>
2242                 </tr>
2243
2244
2245                 <tr class="config-row expandable config-row-alt0">
2246                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2247                     <td class="sig">
2248
2249                         <a id="Roo.form.ComboBox-cfg-transform" name=".transform"></a>
2250                         <div class="fixedFont">
2251                                 <b  class="itemname">transform</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element
2252
2253
2254                         </div>
2255
2256                         <div class="mdesc">
2257                             <div class="short">The id, DOM node or element of an existing select to convert to a ComboBox</div>
2258                         </div>
2259
2260                         <div class="mdesc">
2261                             <div class="long">
2262                     The id, DOM node or element of an existing select to convert to a ComboBox
2263
2264                 </div>
2265                         </div>
2266
2267
2268
2269                     </td>
2270                     <td class="msource">
2271
2272                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2273
2274                     </td>
2275                 </tr>
2276
2277
2278                 <tr class="config-row expandable config-row-alt1">
2279                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2280                     <td class="sig">
2281
2282                         <a id="Roo.form.ComboBox-cfg-triggerAction" name=".triggerAction"></a>
2283                         <div class="fixedFont">
2284                                 <b  class="itemname">triggerAction</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2285
2286
2287                         </div>
2288
2289                         <div class="mdesc">
2290                             <div class="short">The action to execute when the trigger field is activated.</div>
2291                         </div>
2292
2293                         <div class="mdesc">
2294                             <div class="long">
2295                     The action to execute when the trigger field is activated.  Use 'all' to run the<br/>query specified by the allQuery config option (defaults to 'query')
2296
2297                 </div>
2298                         </div>
2299
2300
2301
2302                     </td>
2303                     <td class="msource">
2304
2305                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2306
2307                     </td>
2308                 </tr>
2309
2310
2311                 <tr class="config-row expandable config-row-alt0">
2312                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2313                     <td class="sig">
2314
2315                         <a id="Roo.form.ComboBox-cfg-triggerClass" name=".triggerClass"></a>
2316                         <div class="fixedFont">
2317                                 <b  class="itemname">triggerClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2318
2319
2320                         </div>
2321
2322                         <div class="mdesc">
2323                             <div class="short">An additional CSS class used to style the trigger button.</div>
2324                         </div>
2325
2326                         <div class="mdesc">
2327                             <div class="long">
2328                     An additional CSS class used to style the trigger button.  The trigger will always get the<br/>class 'x-form-trigger' and triggerClass will be <b>appended</b> if specified (defaults to 'x-form-arrow-trigger'<br/>which displays a downward arrow icon).
2329
2330                 </div>
2331                         </div>
2332
2333
2334
2335                     </td>
2336                     <td class="msource">
2337
2338                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2339
2340                     </td>
2341                 </tr>
2342
2343
2344                 <tr class="config-row expandable config-row-alt1">
2345                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2346                     <td class="sig">
2347
2348                         <a id="Roo.form.ComboBox-cfg-typeAhead" name=".typeAhead"></a>
2349                         <div class="fixedFont">
2350                                 <b  class="itemname">typeAhead</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2351
2352
2353                         </div>
2354
2355                         <div class="mdesc">
2356                             <div class="short">True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)</div>
2357                         </div>
2358
2359                         <div class="mdesc">
2360                             <div class="long">
2361                     True to populate and autoselect the remainder of the text being typed after a configurable<br/>delay (typeAheadDelay) if it matches a known value (defaults to false)
2362
2363                 </div>
2364                         </div>
2365
2366
2367
2368                     </td>
2369                     <td class="msource">
2370
2371                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2372
2373                     </td>
2374                 </tr>
2375
2376
2377                 <tr class="config-row expandable config-row-alt0">
2378                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2379                     <td class="sig">
2380
2381                         <a id="Roo.form.ComboBox-cfg-typeAheadDelay" name=".typeAheadDelay"></a>
2382                         <div class="fixedFont">
2383                                 <b  class="itemname">typeAheadDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2384
2385
2386                         </div>
2387
2388                         <div class="mdesc">
2389                             <div class="short">The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)</div>
2390                         </div>
2391
2392                         <div class="mdesc">
2393                             <div class="long">
2394                     The length of time in milliseconds to wait until the typeahead text is displayed<br/>if typeAhead = true (defaults to 250)
2395
2396                 </div>
2397                         </div>
2398
2399
2400
2401                     </td>
2402                     <td class="msource">
2403
2404                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2405
2406                     </td>
2407                 </tr>
2408
2409
2410                 <tr class="config-row expandable config-row-alt1">
2411                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2412                     <td class="sig">
2413
2414                         <a id="Roo.form.Field-cfg-validateOnBlur" name=".validateOnBlur"></a>
2415                         <div class="fixedFont">
2416                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
2417
2418
2419                         </div>
2420
2421                         <div class="mdesc">
2422                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
2423                         </div>
2424
2425                         <div class="mdesc">
2426                             <div class="long">
2427                     Whether the field should validate when it loses focus (defaults to true).
2428
2429                 </div>
2430                         </div>
2431
2432
2433
2434                     </td>
2435                     <td class="msource">
2436
2437                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2438
2439                     </td>
2440                 </tr>
2441
2442
2443                 <tr class="config-row expandable config-row-alt0">
2444                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2445                     <td class="sig">
2446
2447                         <a id="Roo.form.Field-cfg-validationDelay" name=".validationDelay"></a>
2448                         <div class="fixedFont">
2449                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2450
2451
2452                         </div>
2453
2454                         <div class="mdesc">
2455                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
2456                         </div>
2457
2458                         <div class="mdesc">
2459                             <div class="long">
2460                     The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)
2461
2462                 </div>
2463                         </div>
2464
2465
2466
2467                     </td>
2468                     <td class="msource">
2469
2470                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2471
2472                     </td>
2473                 </tr>
2474
2475
2476                 <tr class="config-row expandable config-row-alt1">
2477                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2478                     <td class="sig">
2479
2480                         <a id="Roo.form.Field-cfg-validationEvent" name=".validationEvent"></a>
2481                         <div class="fixedFont">
2482                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
2483
2484
2485                         </div>
2486
2487                         <div class="mdesc">
2488                             <div class="short">The event that should initiate field validation.</div>
2489                         </div>
2490
2491                         <div class="mdesc">
2492                             <div class="long">
2493                     The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").
2494
2495                 </div>
2496                         </div>
2497
2498
2499
2500                     </td>
2501                     <td class="msource">
2502
2503                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2504
2505                     </td>
2506                 </tr>
2507
2508
2509                 <tr class="config-row expandable config-row-alt0">
2510                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2511                     <td class="sig">
2512
2513                         <a id="Roo.form.TextField-cfg-validator" name=".validator"></a>
2514                         <div class="fixedFont">
2515                                 <b  class="itemname">validator</b> : <a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a>
2516
2517
2518                         </div>
2519
2520                         <div class="mdesc">
2521                             <div class="short">A custom validation function to be called during field validation (defaults to null).</div>
2522                         </div>
2523
2524                         <div class="mdesc">
2525                             <div class="long">
2526                     A custom validation function to be called during field validation (defaults to null).<br/>If available, this function will be called only after the basic validators all return true, and will be passed the<br/>current field value and expected to return boolean true if the value is valid or a string error message if invalid.
2527
2528                 </div>
2529                         </div>
2530
2531
2532
2533                     </td>
2534                     <td class="msource">
2535
2536                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
2537
2538                     </td>
2539                 </tr>
2540
2541
2542                 <tr class="config-row expandable config-row-alt1">
2543                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2544                     <td class="sig">
2545
2546                         <a id="Roo.form.Field-cfg-value" name=".value"></a>
2547                         <div class="fixedFont">
2548                                 <b  class="itemname">value</b> : Mixed
2549
2550
2551                         </div>
2552
2553                         <div class="mdesc">
2554                             <div class="short">A value to initialize this field with.</div>
2555                         </div>
2556
2557                         <div class="mdesc">
2558                             <div class="long">
2559                     A value to initialize this field with.
2560
2561                 </div>
2562                         </div>
2563
2564
2565
2566                     </td>
2567                     <td class="msource">
2568
2569                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2570
2571                     </td>
2572                 </tr>
2573
2574
2575                 <tr class="config-row expandable config-row-alt0">
2576                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2577                     <td class="sig">
2578
2579                         <a id="Roo.form.ComboBox-cfg-valueField" name=".valueField"></a>
2580                         <div class="fixedFont">
2581                                 <b  class="itemname">valueField</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2582
2583
2584                         </div>
2585
2586                         <div class="mdesc">
2587                             <div class="short">The underlying data value name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'value' if mode = 'local').</div>
2588                         </div>
2589
2590                         <div class="mdesc">
2591                             <div class="long">
2592                     The underlying data value name to bind to this CombBox (defaults to undefined if<br/>mode = 'remote' or 'value' if mode = 'local'). <br/>Note: use of a valueField requires the user make a selection<br/>in order for a value to be mapped.
2593
2594                 </div>
2595                         </div>
2596
2597
2598
2599                     </td>
2600                     <td class="msource">
2601
2602                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2603
2604                     </td>
2605                 </tr>
2606
2607
2608                 <tr class="config-row expandable config-row-alt1">
2609                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2610                     <td class="sig">
2611
2612                         <a id="Roo.form.ComboBox-cfg-valueNotFoundText" name=".valueNotFoundText"></a>
2613                         <div class="fixedFont">
2614                                 <b  class="itemname">valueNotFoundText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2615
2616
2617                         </div>
2618
2619                         <div class="mdesc">
2620                             <div class="short">When using a name/value combo, if the value passed to setValue is not found in<br/>the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)</div>
2621                         </div>
2622
2623                         <div class="mdesc">
2624                             <div class="long">
2625                     When using a name/value combo, if the value passed to setValue is not found in<br/>the store, valueNotFoundText will be displayed as the field text if defined (defaults to undefined)
2626
2627                 </div>
2628                         </div>
2629
2630
2631
2632                     </td>
2633                     <td class="msource">
2634
2635                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
2636
2637                     </td>
2638                 </tr>
2639
2640
2641                 <tr class="config-row expandable config-row-alt0">
2642                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2643                     <td class="sig">
2644
2645                         <a id="Roo.form.TextField-cfg-vtype" name=".vtype"></a>
2646                         <div class="fixedFont">
2647                                 <b  class="itemname">vtype</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
2648
2649
2650                         </div>
2651
2652                         <div class="mdesc">
2653                             <div class="short">A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)</div>
2654                         </div>
2655
2656                         <div class="mdesc">
2657                             <div class="long">
2658                     A validation type name as defined in {<b>link</b> Roo.form.VTypes} (defaults to null)
2659
2660                 </div>
2661                         </div>
2662
2663
2664
2665                     </td>
2666                     <td class="msource">
2667
2668                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
2669
2670                     </td>
2671                 </tr>
2672
2673
2674                 <tr class="config-row expandable config-row-alt1">
2675                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2676                     <td class="sig">
2677
2678                         <a id="Roo.BoxComponent-cfg-width" name=".width"></a>
2679                         <div class="fixedFont">
2680                                 <b  class="itemname">width</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
2681
2682
2683                         </div>
2684
2685                         <div class="mdesc">
2686                             <div class="short">width (optional) size of component</div>
2687                         </div>
2688
2689                         <div class="mdesc">
2690                             <div class="long">
2691                     width (optional) size of component
2692
2693                 </div>
2694                         </div>
2695
2696
2697
2698                     </td>
2699                     <td class="msource">
2700
2701                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
2702
2703                     </td>
2704                 </tr>
2705
2706
2707     </table>
2708
2709
2710
2711
2712
2713
2714
2715
2716
2717   <!-- ============================== public properties ==================== -->
2718
2719
2720
2721     <a id="Roo.form.ComboCheck-props"></a>
2722
2723
2724
2725
2726
2727      <table cellspacing="0" class="member-table">
2728       <caption class="Empty">Public Properties - Has None</caption>
2729      </table>
2730
2731
2732
2733
2734   <!-- ============================== methods summary / details ======================== -->
2735
2736
2737   <a id="Roo.form.ComboCheck-methods"></a>
2738         <!-- constructor?? -->
2739
2740         <!-- static's first
2741
2742
2743         -->
2744
2745         <!-- then dynamics first -->
2746
2747
2748
2749
2750
2751
2752       <table cellspacing="0" class="member-table">
2753       <caption>Public Methods</caption>
2754         <tr>
2755             <th class="sig-header" colspan="2">Method</th>
2756             <th class="msource-header">Defined By</th>
2757
2758         </tr>
2759
2760
2761
2762
2763
2764
2765
2766           <tr class="method-row config-row-alt0 expandable notInherited">
2767             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2768
2769
2770             <td class="sig">
2771                 <a id="Roo.form-method-ComboCheck"   name=".ComboCheck"></a>
2772                 <div class="fixedFont">
2773                         <span class="attributes">new <B>Roo.form.</B></span><b class="itemname">ComboCheck</b>
2774
2775                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
2776
2777
2778
2779                 </div>
2780                 <div class="mdesc">
2781
2782
2783                         <div class="short">Create a new Roo.form.ComboCheck</div>
2784
2785
2786                     <div class="long">
2787
2788
2789
2790                                 Create a new Roo.form.ComboCheck
2791
2792
2793                                 <dl class="detailList">
2794                                 <dt class="heading">Parameters:</dt>
2795
2796                                         <dt>
2797                                                 <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>
2798
2799                                         </dt>
2800                                         <dd>Configuration options</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                 &nbsp;
2820             </td>
2821         </tr>
2822
2823
2824           <tr class="method-row config-row-alt1 expandable">
2825             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2826
2827
2828             <td class="sig">
2829                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
2830                 <div class="fixedFont">
2831                         <span class="attributes"></span><b class="itemname">addEvents</b>
2832
2833                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
2834
2835
2836
2837                 </div>
2838                 <div class="mdesc">
2839
2840                    <div class="short">Used to define events on this Observable</div>
2841
2842
2843
2844                     <div class="long">
2845
2846                                 Used to define events on this Observable
2847
2848
2849
2850
2851
2852
2853                                 <dl class="detailList">
2854                                 <dt class="heading">Parameters:</dt>
2855
2856                                         <dt>
2857                                                 <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>
2858
2859                                         </dt>
2860                                         <dd>The object with the events defined</dd>
2861
2862                                 </dl>
2863
2864
2865
2866
2867
2868
2869
2870
2871
2872
2873
2874                     </div>
2875                 </div>
2876
2877             </td>
2878             <td class="msource">
2879
2880                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2881                 &nbsp;
2882             </td>
2883         </tr>
2884
2885
2886           <tr class="method-row config-row-alt0 expandable">
2887             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2888
2889
2890             <td class="sig">
2891                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
2892                 <div class="fixedFont">
2893                         <span class="attributes"></span><b class="itemname">addListener</b>
2894
2895                                  (<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>)
2896
2897
2898
2899                 </div>
2900                 <div class="mdesc">
2901
2902                    <div class="short">Appends an event handler to this component</div>
2903
2904
2905
2906                     <div class="long">
2907
2908                                 Appends an event handler to this component
2909
2910
2911
2912
2913
2914
2915                                 <dl class="detailList">
2916                                 <dt class="heading">Parameters:</dt>
2917
2918                                         <dt>
2919                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2920
2921                                         </dt>
2922                                         <dd>The type of event to listen for</dd>
2923
2924                                         <dt>
2925                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2926
2927                                         </dt>
2928                                         <dd>The method the event invokes</dd>
2929
2930                                         <dt>
2931                                                 <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>
2932
2933                                         </dt>
2934                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
2935
2936                                         <dt>
2937                                                 <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>
2938
2939                                         </dt>
2940                                         <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>
2941
2942                                 </dl>
2943
2944
2945
2946
2947
2948
2949
2950
2951
2952
2953
2954                     </div>
2955                 </div>
2956
2957             </td>
2958             <td class="msource">
2959
2960                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2961                 &nbsp;
2962             </td>
2963         </tr>
2964
2965
2966           <tr class="method-row config-row-alt1 expandable">
2967             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2968
2969
2970             <td class="sig">
2971                 <a id="Roo.form.Field-method-applyTo"   name=".applyTo"></a>
2972                 <div class="fixedFont">
2973                         <span class="attributes"></span><b class="itemname">applyTo</b>
2974
2975                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
2976
2977
2978                                          :
2979
2980
2981                                                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
2982
2983
2984
2985
2986
2987                 </div>
2988                 <div class="mdesc">
2989
2990                    <div class="short">Apply the behaviors of this component to an existing element.</div>
2991
2992
2993
2994                     <div class="long">
2995
2996                                 Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>
2997
2998
2999
3000
3001
3002
3003                                 <dl class="detailList">
3004                                 <dt class="heading">Parameters:</dt>
3005
3006                                         <dt>
3007                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
3008
3009                                         </dt>
3010                                         <dd>The id of the node, a DOM node or an existing Element</dd>
3011
3012                                 </dl>
3013
3014
3015
3016
3017
3018                                 <dl class="detailList">
3019                                 <dt class="heading">Returns:</dt>
3020
3021                                         <dd><span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span>  this</dd>
3022
3023                                 </dl>
3024
3025
3026
3027
3028
3029
3030
3031                     </div>
3032                 </div>
3033
3034             </td>
3035             <td class="msource">
3036
3037                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3038                 &nbsp;
3039             </td>
3040         </tr>
3041
3042
3043           <tr class="method-row config-row-alt0 expandable">
3044             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3045
3046
3047             <td class="sig">
3048                 <a id="Roo.form.TriggerField-method-autoSize"   name=".autoSize"></a>
3049                 <div class="fixedFont">
3050                         <span class="attributes"></span><b class="itemname">autoSize</b>
3051
3052                                  ()
3053
3054
3055
3056                 </div>
3057                 <div class="mdesc">
3058
3059                    <div class="short"></div>
3060
3061
3062
3063                     <div class="long">
3064
3065
3066
3067
3068
3069
3070
3071
3072
3073
3074
3075
3076
3077
3078
3079
3080
3081
3082                     </div>
3083                 </div>
3084
3085             </td>
3086             <td class="msource">
3087
3088                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
3089                 &nbsp;
3090             </td>
3091         </tr>
3092
3093
3094           <tr class="method-row config-row-alt1 expandable">
3095             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3096
3097
3098             <td class="sig">
3099                 <a id="Roo.form.Field-method-clearInvalid"   name=".clearInvalid"></a>
3100                 <div class="fixedFont">
3101                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
3102
3103                                  ()
3104
3105
3106
3107                 </div>
3108                 <div class="mdesc">
3109
3110                    <div class="short">Clear any invalid styles/messages for this field</div>
3111
3112
3113
3114                     <div class="long">
3115
3116                                 Clear any invalid styles/messages for this field
3117
3118
3119
3120
3121
3122
3123
3124
3125
3126
3127
3128
3129
3130
3131
3132
3133                     </div>
3134                 </div>
3135
3136             </td>
3137             <td class="msource">
3138
3139                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3140                 &nbsp;
3141             </td>
3142         </tr>
3143
3144
3145           <tr class="method-row config-row-alt0 expandable">
3146             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3147
3148
3149             <td class="sig">
3150                 <a id="Roo.form.ComboBox-method-clearValue"   name=".clearValue"></a>
3151                 <div class="fixedFont">
3152                         <span class="attributes"></span><b class="itemname">clearValue</b>
3153
3154                                  ()
3155
3156
3157
3158                 </div>
3159                 <div class="mdesc">
3160
3161                    <div class="short">Clears any text/value currently set in the field</div>
3162
3163
3164
3165                     <div class="long">
3166
3167                                 Clears any text/value currently set in the field
3168
3169
3170
3171
3172
3173
3174
3175
3176
3177
3178
3179
3180
3181
3182
3183
3184                     </div>
3185                 </div>
3186
3187             </td>
3188             <td class="msource">
3189
3190                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
3191                 &nbsp;
3192             </td>
3193         </tr>
3194
3195
3196           <tr class="method-row config-row-alt1 expandable">
3197             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3198
3199
3200             <td class="sig">
3201                 <a id="Roo.form.ComboBox-method-collapse"   name=".collapse"></a>
3202                 <div class="fixedFont">
3203                         <span class="attributes"></span><b class="itemname">collapse</b>
3204
3205                                  ()
3206
3207
3208
3209                 </div>
3210                 <div class="mdesc">
3211
3212                    <div class="short">Hides the dropdown list if it is currently expanded.</div>
3213
3214
3215
3216                     <div class="long">
3217
3218                                 Hides the dropdown list if it is currently expanded. Fires the 'collapse' event on completion.
3219
3220
3221
3222
3223
3224
3225
3226
3227
3228
3229
3230
3231
3232
3233
3234
3235                     </div>
3236                 </div>
3237
3238             </td>
3239             <td class="msource">
3240
3241                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
3242                 &nbsp;
3243             </td>
3244         </tr>
3245
3246
3247           <tr class="method-row config-row-alt0 expandable">
3248             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3249
3250
3251             <td class="sig">
3252                 <a id="Roo.Component-method-destroy"   name=".destroy"></a>
3253                 <div class="fixedFont">
3254                         <span class="attributes"></span><b class="itemname">destroy</b>
3255
3256                                  ()
3257
3258
3259
3260                 </div>
3261                 <div class="mdesc">
3262
3263                    <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>
3264
3265
3266
3267                     <div class="long">
3268
3269                                 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}.
3270
3271
3272
3273
3274
3275
3276
3277
3278
3279
3280
3281
3282
3283
3284
3285
3286                     </div>
3287                 </div>
3288
3289             </td>
3290             <td class="msource">
3291
3292                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3293                 &nbsp;
3294             </td>
3295         </tr>
3296
3297
3298           <tr class="method-row config-row-alt1 expandable">
3299             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3300
3301
3302             <td class="sig">
3303                 <a id="Roo.Component-method-disable"   name=".disable"></a>
3304                 <div class="fixedFont">
3305                         <span class="attributes"></span><b class="itemname">disable</b>
3306
3307                                  ()
3308
3309
3310                                          :
3311
3312
3313                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3314
3315
3316
3317
3318
3319                 </div>
3320                 <div class="mdesc">
3321
3322                    <div class="short">Disable this component.</div>
3323
3324
3325
3326                     <div class="long">
3327
3328                                 Disable this component.
3329
3330
3331
3332
3333
3334
3335
3336
3337
3338
3339                                 <dl class="detailList">
3340                                 <dt class="heading">Returns:</dt>
3341
3342                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3343
3344                                 </dl>
3345
3346
3347
3348
3349
3350
3351
3352                     </div>
3353                 </div>
3354
3355             </td>
3356             <td class="msource">
3357
3358                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3359                 &nbsp;
3360             </td>
3361         </tr>
3362
3363
3364           <tr class="method-row config-row-alt0 expandable">
3365             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3366
3367
3368             <td class="sig">
3369                 <a id="Roo.form.ComboBox-method-doQuery"   name=".doQuery"></a>
3370                 <div class="fixedFont">
3371                         <span class="attributes"></span><b class="itemname">doQuery</b>
3372
3373                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>query</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceAll</i></B>)
3374
3375
3376
3377                 </div>
3378                 <div class="mdesc">
3379
3380                    <div class="short">Execute a query to filter the dropdown list.</div>
3381
3382
3383
3384                     <div class="long">
3385
3386                                 Execute a query to filter the dropdown list.  Fires the beforequery event prior to performing the<br/>query allowing the query action to be canceled if needed.
3387
3388
3389
3390
3391
3392
3393                                 <dl class="detailList">
3394                                 <dt class="heading">Parameters:</dt>
3395
3396                                         <dt>
3397                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>query</b>
3398
3399                                         </dt>
3400                                         <dd>The SQL query to execute</dd>
3401
3402                                         <dt>
3403                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>forceAll</b>
3404
3405                                         </dt>
3406                                         <dd>True to force the query to execute even if there are currently fewer characters<br/>in the field than the minimum specified by the minChars config option.  It also clears any filter previously<br/>saved in the current store (defaults to false)</dd>
3407
3408                                 </dl>
3409
3410
3411
3412
3413
3414
3415
3416
3417
3418
3419
3420                     </div>
3421                 </div>
3422
3423             </td>
3424             <td class="msource">
3425
3426                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
3427                 &nbsp;
3428             </td>
3429         </tr>
3430
3431
3432           <tr class="method-row config-row-alt1 expandable">
3433             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3434
3435
3436             <td class="sig">
3437                 <a id="Roo.Component-method-enable"   name=".enable"></a>
3438                 <div class="fixedFont">
3439                         <span class="attributes"></span><b class="itemname">enable</b>
3440
3441                                  ()
3442
3443
3444                                          :
3445
3446
3447                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3448
3449
3450
3451
3452
3453                 </div>
3454                 <div class="mdesc">
3455
3456                    <div class="short">Enable this component.</div>
3457
3458
3459
3460                     <div class="long">
3461
3462                                 Enable this component.
3463
3464
3465
3466
3467
3468
3469
3470
3471
3472
3473                                 <dl class="detailList">
3474                                 <dt class="heading">Returns:</dt>
3475
3476                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3477
3478                                 </dl>
3479
3480
3481
3482
3483
3484
3485
3486                     </div>
3487                 </div>
3488
3489             </td>
3490             <td class="msource">
3491
3492                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3493                 &nbsp;
3494             </td>
3495         </tr>
3496
3497
3498           <tr class="method-row config-row-alt0 expandable">
3499             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3500
3501
3502             <td class="sig">
3503                 <a id="Roo.form.ComboBox-method-expand"   name=".expand"></a>
3504                 <div class="fixedFont">
3505                         <span class="attributes"></span><b class="itemname">expand</b>
3506
3507                                  ()
3508
3509
3510
3511                 </div>
3512                 <div class="mdesc">
3513
3514                    <div class="short">Expands the dropdown list if it is currently hidden.</div>
3515
3516
3517
3518                     <div class="long">
3519
3520                                 Expands the dropdown list if it is currently hidden. Fires the 'expand' event on completion.
3521
3522
3523
3524
3525
3526
3527
3528
3529
3530
3531
3532
3533
3534
3535
3536
3537                     </div>
3538                 </div>
3539
3540             </td>
3541             <td class="msource">
3542
3543                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
3544                 &nbsp;
3545             </td>
3546         </tr>
3547
3548
3549           <tr class="method-row config-row-alt1 expandable">
3550             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3551
3552
3553             <td class="sig">
3554                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
3555                 <div class="fixedFont">
3556                         <span class="attributes"></span><b class="itemname">fireEvent</b>
3557
3558                                  (<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>)
3559
3560
3561                                          :
3562
3563
3564                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
3565
3566
3567
3568
3569
3570                 </div>
3571                 <div class="mdesc">
3572
3573                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
3574
3575
3576
3577                     <div class="long">
3578
3579                                 Fires the specified event with the passed parameters (minus the event name).
3580
3581
3582
3583
3584
3585
3586                                 <dl class="detailList">
3587                                 <dt class="heading">Parameters:</dt>
3588
3589                                         <dt>
3590                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
3591
3592                                         </dt>
3593                                         <dd></dd>
3594
3595                                         <dt>
3596                                                 <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>
3597
3598                                         </dt>
3599                                         <dd>Variable number of parameters are passed to handlers</dd>
3600
3601                                 </dl>
3602
3603
3604
3605
3606
3607                                 <dl class="detailList">
3608                                 <dt class="heading">Returns:</dt>
3609
3610                                         <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>
3611
3612                                 </dl>
3613
3614
3615
3616
3617
3618
3619
3620                     </div>
3621                 </div>
3622
3623             </td>
3624             <td class="msource">
3625
3626                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
3627                 &nbsp;
3628             </td>
3629         </tr>
3630
3631
3632           <tr class="method-row config-row-alt0 expandable">
3633             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3634
3635
3636             <td class="sig">
3637                 <a id="Roo.Component-method-focus"   name=".focus"></a>
3638                 <div class="fixedFont">
3639                         <span class="attributes"></span><b class="itemname">focus</b>
3640
3641                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>selectText</i></B>)
3642
3643
3644                                          :
3645
3646
3647                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3648
3649
3650
3651
3652
3653                 </div>
3654                 <div class="mdesc">
3655
3656                    <div class="short">Try to focus this component.</div>
3657
3658
3659
3660                     <div class="long">
3661
3662                                 Try to focus this component.
3663
3664
3665
3666
3667
3668
3669                                 <dl class="detailList">
3670                                 <dt class="heading">Parameters:</dt>
3671
3672                                         <dt>
3673                                                 <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>
3674
3675                                         </dt>
3676                                         <dd>True to also select the text in this component (if applicable)</dd>
3677
3678                                 </dl>
3679
3680
3681
3682
3683
3684                                 <dl class="detailList">
3685                                 <dt class="heading">Returns:</dt>
3686
3687                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
3688
3689                                 </dl>
3690
3691
3692
3693
3694
3695
3696
3697                     </div>
3698                 </div>
3699
3700             </td>
3701             <td class="msource">
3702
3703                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3704                 &nbsp;
3705             </td>
3706         </tr>
3707
3708
3709           <tr class="method-row config-row-alt1 expandable">
3710             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3711
3712
3713             <td class="sig">
3714                 <a id="Roo.BoxComponent-method-getBox"   name=".getBox"></a>
3715                 <div class="fixedFont">
3716                         <span class="attributes"></span><b class="itemname">getBox</b>
3717
3718                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3719
3720
3721
3722                 </div>
3723                 <div class="mdesc">
3724
3725                    <div class="short">Gets the current box measurements of the component's underlying element.</div>
3726
3727
3728
3729                     <div class="long">
3730
3731                                 Gets the current box measurements of the component's underlying element.
3732
3733
3734
3735
3736
3737
3738                                 <dl class="detailList">
3739                                 <dt class="heading">Parameters:</dt>
3740
3741                                         <dt>
3742                                                 <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>
3743
3744                                         </dt>
3745                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
3746
3747                                 </dl>
3748
3749
3750
3751
3752
3753
3754
3755
3756
3757
3758
3759                     </div>
3760                 </div>
3761
3762             </td>
3763             <td class="msource">
3764
3765                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
3766                 &nbsp;
3767             </td>
3768         </tr>
3769
3770
3771           <tr class="method-row config-row-alt0 expandable">
3772             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3773
3774
3775             <td class="sig">
3776                 <a id="Roo.Component-method-getEl"   name=".getEl"></a>
3777                 <div class="fixedFont">
3778                         <span class="attributes"></span><b class="itemname">getEl</b>
3779
3780                                  ()
3781
3782
3783                                          :
3784
3785
3786                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
3787
3788
3789
3790
3791
3792                 </div>
3793                 <div class="mdesc">
3794
3795                    <div class="short">Returns the underlying {<b>link</b> Roo.Element}.</div>
3796
3797
3798
3799                     <div class="long">
3800
3801                                 Returns the underlying {<b>link</b> Roo.Element}.
3802
3803
3804
3805
3806
3807
3808
3809
3810
3811
3812                                 <dl class="detailList">
3813                                 <dt class="heading">Returns:</dt>
3814
3815                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  The element</dd>
3816
3817                                 </dl>
3818
3819
3820
3821
3822
3823
3824
3825                     </div>
3826                 </div>
3827
3828             </td>
3829             <td class="msource">
3830
3831                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3832                 &nbsp;
3833             </td>
3834         </tr>
3835
3836
3837           <tr class="method-row config-row-alt1 expandable">
3838             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3839
3840
3841             <td class="sig">
3842                 <a id="Roo.Component-method-getId"   name=".getId"></a>
3843                 <div class="fixedFont">
3844                         <span class="attributes"></span><b class="itemname">getId</b>
3845
3846                                  ()
3847
3848
3849                                          :
3850
3851
3852                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3853
3854
3855
3856
3857
3858                 </div>
3859                 <div class="mdesc">
3860
3861                    <div class="short">Returns the id of this component.</div>
3862
3863
3864
3865                     <div class="long">
3866
3867                                 Returns the id of this component.
3868
3869
3870
3871
3872
3873
3874
3875
3876
3877
3878                                 <dl class="detailList">
3879                                 <dt class="heading">Returns:</dt>
3880
3881                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  </dd>
3882
3883                                 </dl>
3884
3885
3886
3887
3888
3889
3890
3891                     </div>
3892                 </div>
3893
3894             </td>
3895             <td class="msource">
3896
3897                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
3898                 &nbsp;
3899             </td>
3900         </tr>
3901
3902
3903           <tr class="method-row config-row-alt0 expandable">
3904             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3905
3906
3907             <td class="sig">
3908                 <a id="Roo.form.Field-method-getName"   name=".getName"></a>
3909                 <div class="fixedFont">
3910                         <span class="attributes"></span><b class="itemname">getName</b>
3911
3912                                  ()
3913
3914
3915                                          :
3916
3917
3918                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
3919
3920
3921
3922
3923
3924                 </div>
3925                 <div class="mdesc">
3926
3927                    <div class="short">Returns the name attribute of the field if available</div>
3928
3929
3930
3931                     <div class="long">
3932
3933                                 Returns the name attribute of the field if available
3934
3935
3936
3937
3938
3939
3940
3941
3942
3943
3944                                 <dl class="detailList">
3945                                 <dt class="heading">Returns:</dt>
3946
3947                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  name The field name</dd>
3948
3949                                 </dl>
3950
3951
3952
3953
3954
3955
3956
3957                     </div>
3958                 </div>
3959
3960             </td>
3961             <td class="msource">
3962
3963                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
3964                 &nbsp;
3965             </td>
3966         </tr>
3967
3968
3969           <tr class="method-row config-row-alt1 expandable">
3970             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
3971
3972
3973             <td class="sig">
3974                 <a id="Roo.BoxComponent-method-getPosition"   name=".getPosition"></a>
3975                 <div class="fixedFont">
3976                         <span class="attributes"></span><b class="itemname">getPosition</b>
3977
3978                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>local</i></B>)
3979
3980
3981                                          :
3982
3983
3984                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
3985
3986
3987
3988
3989
3990                 </div>
3991                 <div class="mdesc">
3992
3993                    <div class="short">Gets the current XY position of the component's underlying element.</div>
3994
3995
3996
3997                     <div class="long">
3998
3999                                 Gets the current XY position of the component's underlying element.
4000
4001
4002
4003
4004
4005
4006                                 <dl class="detailList">
4007                                 <dt class="heading">Parameters:</dt>
4008
4009                                         <dt>
4010                                                 <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>
4011
4012                                         </dt>
4013                                         <dd>(optional) If true the element's left and top are returned instead of page XY (defaults to false)</dd>
4014
4015                                 </dl>
4016
4017
4018
4019
4020
4021                                 <dl class="detailList">
4022                                 <dt class="heading">Returns:</dt>
4023
4024                                         <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>
4025
4026                                 </dl>
4027
4028
4029
4030
4031
4032
4033
4034                     </div>
4035                 </div>
4036
4037             </td>
4038             <td class="msource">
4039
4040                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4041                 &nbsp;
4042             </td>
4043         </tr>
4044
4045
4046           <tr class="method-row config-row-alt0 expandable">
4047             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4048
4049
4050             <td class="sig">
4051                 <a id="Roo.form.Field-method-getRawValue"   name=".getRawValue"></a>
4052                 <div class="fixedFont">
4053                         <span class="attributes"></span><b class="itemname">getRawValue</b>
4054
4055                                  ()
4056
4057
4058                                          :
4059
4060
4061                                                 Mixed
4062
4063
4064
4065
4066
4067                 </div>
4068                 <div class="mdesc">
4069
4070                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
4071
4072
4073
4074                     <div class="long">
4075
4076                                 Returns the raw data value which may or may not be a valid, defined value.  To return a normalized value see {<b>link</b> <b>getValue</b>}.
4077
4078
4079
4080
4081
4082
4083
4084
4085
4086
4087                                 <dl class="detailList">
4088                                 <dt class="heading">Returns:</dt>
4089
4090                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
4091
4092                                 </dl>
4093
4094
4095
4096
4097
4098
4099
4100                     </div>
4101                 </div>
4102
4103             </td>
4104             <td class="msource">
4105
4106                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4107                 &nbsp;
4108             </td>
4109         </tr>
4110
4111
4112           <tr class="method-row config-row-alt1 expandable">
4113             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4114
4115
4116             <td class="sig">
4117                 <a id="Roo.BoxComponent-method-getSize"   name=".getSize"></a>
4118                 <div class="fixedFont">
4119                         <span class="attributes"></span><b class="itemname">getSize</b>
4120
4121                                  ()
4122
4123
4124                                          :
4125
4126
4127                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
4128
4129
4130
4131
4132
4133                 </div>
4134                 <div class="mdesc">
4135
4136                    <div class="short">Gets the current size of the component's underlying element.</div>
4137
4138
4139
4140                     <div class="long">
4141
4142                                 Gets the current size of the component's underlying element.
4143
4144
4145
4146
4147
4148
4149
4150
4151
4152
4153                                 <dl class="detailList">
4154                                 <dt class="heading">Returns:</dt>
4155
4156                                         <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>
4157
4158                                 </dl>
4159
4160
4161
4162
4163
4164
4165
4166                     </div>
4167                 </div>
4168
4169             </td>
4170             <td class="msource">
4171
4172                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4173                 &nbsp;
4174             </td>
4175         </tr>
4176
4177
4178           <tr class="method-row config-row-alt0 expandable">
4179             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4180
4181
4182             <td class="sig">
4183                 <a id="Roo.form.ComboBox-method-getValue"   name=".getValue"></a>
4184                 <div class="fixedFont">
4185                         <span class="attributes"></span><b class="itemname">getValue</b>
4186
4187                                  ()
4188
4189
4190                                          :
4191
4192
4193                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
4194
4195
4196
4197
4198
4199                 </div>
4200                 <div class="mdesc">
4201
4202                    <div class="short">Returns the currently selected field value or empty string if no value is set.</div>
4203
4204
4205
4206                     <div class="long">
4207
4208                                 Returns the currently selected field value or empty string if no value is set.
4209
4210
4211
4212
4213
4214
4215
4216
4217
4218
4219                                 <dl class="detailList">
4220                                 <dt class="heading">Returns:</dt>
4221
4222                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  value The selected value</dd>
4223
4224                                 </dl>
4225
4226
4227
4228
4229
4230
4231
4232                     </div>
4233                 </div>
4234
4235             </td>
4236             <td class="msource">
4237
4238                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
4239                 &nbsp;
4240             </td>
4241         </tr>
4242
4243
4244           <tr class="method-row config-row-alt1 expandable">
4245             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4246
4247
4248             <td class="sig">
4249                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
4250                 <div class="fixedFont">
4251                         <span class="attributes"></span><b class="itemname">hasListener</b>
4252
4253                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
4254
4255
4256                                          :
4257
4258
4259                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4260
4261
4262
4263
4264
4265                 </div>
4266                 <div class="mdesc">
4267
4268                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
4269
4270
4271
4272                     <div class="long">
4273
4274                                 Checks to see if this object has any listeners for a specified event
4275
4276
4277
4278
4279
4280
4281                                 <dl class="detailList">
4282                                 <dt class="heading">Parameters:</dt>
4283
4284                                         <dt>
4285                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4286
4287                                         </dt>
4288                                         <dd>The name of the event to check for</dd>
4289
4290                                 </dl>
4291
4292
4293
4294
4295
4296                                 <dl class="detailList">
4297                                 <dt class="heading">Returns:</dt>
4298
4299                                         <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>
4300
4301                                 </dl>
4302
4303
4304
4305
4306
4307
4308
4309                     </div>
4310                 </div>
4311
4312             </td>
4313             <td class="msource">
4314
4315                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4316                 &nbsp;
4317             </td>
4318         </tr>
4319
4320
4321           <tr class="method-row config-row-alt0 expandable">
4322             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4323
4324
4325             <td class="sig">
4326                 <a id="Roo.Component-method-hide"   name=".hide"></a>
4327                 <div class="fixedFont">
4328                         <span class="attributes"></span><b class="itemname">hide</b>
4329
4330                                  ()
4331
4332
4333                                          :
4334
4335
4336                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4337
4338
4339
4340
4341
4342                 </div>
4343                 <div class="mdesc">
4344
4345                    <div class="short">Hide this component.</div>
4346
4347
4348
4349                     <div class="long">
4350
4351                                 Hide this component.
4352
4353
4354
4355
4356
4357
4358
4359
4360
4361
4362                                 <dl class="detailList">
4363                                 <dt class="heading">Returns:</dt>
4364
4365                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
4366
4367                                 </dl>
4368
4369
4370
4371
4372
4373
4374
4375                     </div>
4376                 </div>
4377
4378             </td>
4379             <td class="msource">
4380
4381                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4382                 &nbsp;
4383             </td>
4384         </tr>
4385
4386
4387           <tr class="method-row config-row-alt1 expandable">
4388             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4389
4390
4391             <td class="sig">
4392                 <a id="Roo.form.Field-method-isDirty"   name=".isDirty"></a>
4393                 <div class="fixedFont">
4394                         <span class="attributes"></span><b class="itemname">isDirty</b>
4395
4396                                  ()
4397
4398
4399
4400                 </div>
4401                 <div class="mdesc">
4402
4403                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div>
4404
4405
4406
4407                     <div class="long">
4408
4409                                 Returns true if this field has been changed since it was originally loaded and is not disabled.
4410
4411
4412
4413
4414
4415
4416
4417
4418
4419
4420
4421
4422
4423
4424
4425
4426                     </div>
4427                 </div>
4428
4429             </td>
4430             <td class="msource">
4431
4432                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4433                 &nbsp;
4434             </td>
4435         </tr>
4436
4437
4438           <tr class="method-row config-row-alt0 expandable">
4439             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4440
4441
4442             <td class="sig">
4443                 <a id="Roo.form.ComboBox-method-isExpanded"   name=".isExpanded"></a>
4444                 <div class="fixedFont">
4445                         <span class="attributes"></span><b class="itemname">isExpanded</b>
4446
4447                                  ()
4448
4449
4450
4451                 </div>
4452                 <div class="mdesc">
4453
4454                    <div class="short">Returns true if the dropdown list is expanded, else false.</div>
4455
4456
4457
4458                     <div class="long">
4459
4460                                 Returns true if the dropdown list is expanded, else false.
4461
4462
4463
4464
4465
4466
4467
4468
4469
4470
4471
4472
4473
4474
4475
4476
4477                     </div>
4478                 </div>
4479
4480             </td>
4481             <td class="msource">
4482
4483                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
4484                 &nbsp;
4485             </td>
4486         </tr>
4487
4488
4489           <tr class="method-row config-row-alt1 expandable">
4490             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4491
4492
4493             <td class="sig">
4494                 <a id="Roo.form.Field-method-isValid"   name=".isValid"></a>
4495                 <div class="fixedFont">
4496                         <span class="attributes"></span><b class="itemname">isValid</b>
4497
4498                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>)
4499
4500
4501                                          :
4502
4503
4504                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
4505
4506
4507
4508
4509
4510                 </div>
4511                 <div class="mdesc">
4512
4513                    <div class="short">Returns whether or not the field value is currently valid</div>
4514
4515
4516
4517                     <div class="long">
4518
4519                                 Returns whether or not the field value is currently valid
4520
4521
4522
4523
4524
4525
4526                                 <dl class="detailList">
4527                                 <dt class="heading">Parameters:</dt>
4528
4529                                         <dt>
4530                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>preventMark</b>
4531
4532                                         </dt>
4533                                         <dd>True to disable marking the field invalid</dd>
4534
4535                                 </dl>
4536
4537
4538
4539
4540
4541                                 <dl class="detailList">
4542                                 <dt class="heading">Returns:</dt>
4543
4544                                         <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 value is valid, else false</dd>
4545
4546                                 </dl>
4547
4548
4549
4550
4551
4552
4553
4554                     </div>
4555                 </div>
4556
4557             </td>
4558             <td class="msource">
4559
4560                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4561                 &nbsp;
4562             </td>
4563         </tr>
4564
4565
4566           <tr class="method-row config-row-alt0 expandable">
4567             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4568
4569
4570             <td class="sig">
4571                 <a id="Roo.Component-method-isVisible"   name=".isVisible"></a>
4572                 <div class="fixedFont">
4573                         <span class="attributes"></span><b class="itemname">isVisible</b>
4574
4575                                  ()
4576
4577
4578
4579                 </div>
4580                 <div class="mdesc">
4581
4582                    <div class="short">Returns true if this component is visible.</div>
4583
4584
4585
4586                     <div class="long">
4587
4588                                 Returns true if this component is visible.
4589
4590
4591
4592
4593
4594
4595
4596
4597
4598
4599
4600
4601
4602
4603
4604
4605                     </div>
4606                 </div>
4607
4608             </td>
4609             <td class="msource">
4610
4611                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
4612                 &nbsp;
4613             </td>
4614         </tr>
4615
4616
4617           <tr class="method-row config-row-alt1 expandable">
4618             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4619
4620
4621             <td class="sig">
4622                 <a id="Roo.form.Field-method-markInvalid"   name=".markInvalid"></a>
4623                 <div class="fixedFont">
4624                         <span class="attributes"></span><b class="itemname">markInvalid</b>
4625
4626                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
4627
4628
4629
4630                 </div>
4631                 <div class="mdesc">
4632
4633                    <div class="short">Mark this field as invalid</div>
4634
4635
4636
4637                     <div class="long">
4638
4639                                 Mark this field as invalid
4640
4641
4642
4643
4644
4645
4646                                 <dl class="detailList">
4647                                 <dt class="heading">Parameters:</dt>
4648
4649                                         <dt>
4650                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
4651
4652                                         </dt>
4653                                         <dd>The validation message</dd>
4654
4655                                 </dl>
4656
4657
4658
4659
4660
4661
4662
4663
4664
4665
4666
4667                     </div>
4668                 </div>
4669
4670             </td>
4671             <td class="msource">
4672
4673                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
4674                 &nbsp;
4675             </td>
4676         </tr>
4677
4678
4679           <tr class="method-row config-row-alt0 expandable">
4680             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4681
4682
4683             <td class="sig">
4684                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
4685                 <div class="fixedFont">
4686                         <span class="attributes"></span><b class="itemname">on</b>
4687
4688                                  (<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>)
4689
4690
4691
4692                 </div>
4693                 <div class="mdesc">
4694
4695                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
4696
4697
4698
4699                     <div class="long">
4700
4701                                 Appends an event handler to this element (shorthand for addListener)
4702
4703
4704
4705
4706
4707
4708                                 <dl class="detailList">
4709                                 <dt class="heading">Parameters:</dt>
4710
4711                                         <dt>
4712                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
4713
4714                                         </dt>
4715                                         <dd>The type of event to listen for</dd>
4716
4717                                         <dt>
4718                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
4719
4720                                         </dt>
4721                                         <dd>The method the event invokes</dd>
4722
4723                                         <dt>
4724                                                 <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>
4725
4726                                         </dt>
4727                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
4728
4729                                         <dt>
4730                                                 <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>
4731
4732                                         </dt>
4733                                         <dd>(optional)</dd>
4734
4735                                 </dl>
4736
4737
4738
4739
4740
4741
4742
4743
4744
4745
4746
4747                     </div>
4748                 </div>
4749
4750             </td>
4751             <td class="msource">
4752
4753                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
4754                 &nbsp;
4755             </td>
4756         </tr>
4757
4758
4759           <tr class="method-row config-row-alt1 expandable">
4760             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4761
4762
4763             <td class="sig">
4764                 <a id="Roo.BoxComponent-method-onPosition"   name=".onPosition"></a>
4765                 <div class="fixedFont">
4766                         <span class="attributes"></span><b class="itemname">onPosition</b>
4767
4768                                  (<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>)
4769
4770
4771
4772                 </div>
4773                 <div class="mdesc">
4774
4775                    <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>
4776
4777
4778
4779                     <div class="long">
4780
4781                                 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.
4782
4783
4784
4785
4786
4787
4788                                 <dl class="detailList">
4789                                 <dt class="heading">Parameters:</dt>
4790
4791                                         <dt>
4792                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
4793
4794                                         </dt>
4795                                         <dd>The new x position</dd>
4796
4797                                         <dt>
4798                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
4799
4800                                         </dt>
4801                                         <dd>The new y position</dd>
4802
4803                                 </dl>
4804
4805
4806
4807
4808
4809
4810
4811
4812
4813
4814
4815                     </div>
4816                 </div>
4817
4818             </td>
4819             <td class="msource">
4820
4821                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4822                 &nbsp;
4823             </td>
4824         </tr>
4825
4826
4827           <tr class="method-row config-row-alt0 expandable">
4828             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4829
4830
4831             <td class="sig">
4832                 <a id="Roo.BoxComponent-method-onResize"   name=".onResize"></a>
4833                 <div class="fixedFont">
4834                         <span class="attributes"></span><b class="itemname">onResize</b>
4835
4836                                  (<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>)
4837
4838
4839
4840                 </div>
4841                 <div class="mdesc">
4842
4843                    <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>
4844
4845
4846
4847                     <div class="long">
4848
4849                                 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.
4850
4851
4852
4853
4854
4855
4856                                 <dl class="detailList">
4857                                 <dt class="heading">Parameters:</dt>
4858
4859                                         <dt>
4860                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjWidth</b>
4861
4862                                         </dt>
4863                                         <dd>The box-adjusted width that was set</dd>
4864
4865                                         <dt>
4866                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>adjHeight</b>
4867
4868                                         </dt>
4869                                         <dd>The box-adjusted height that was set</dd>
4870
4871                                         <dt>
4872                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawWidth</b>
4873
4874                                         </dt>
4875                                         <dd>The width that was originally specified</dd>
4876
4877                                         <dt>
4878                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>rawHeight</b>
4879
4880                                         </dt>
4881                                         <dd>The height that was originally specified</dd>
4882
4883                                 </dl>
4884
4885
4886
4887
4888
4889
4890
4891
4892
4893
4894
4895                     </div>
4896                 </div>
4897
4898             </td>
4899             <td class="msource">
4900
4901                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
4902                 &nbsp;
4903             </td>
4904         </tr>
4905
4906
4907           <tr class="method-row config-row-alt1 expandable">
4908             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4909
4910
4911             <td class="sig">
4912                 <a id="Roo.form.TriggerField-method-onTriggerClick"   name=".onTriggerClick"></a>
4913                 <div class="fixedFont">
4914                         <span class="attributes"></span><b class="itemname">onTriggerClick</b>
4915
4916                                  (EventObject <B><i>e</i></B>)
4917
4918
4919
4920                 </div>
4921                 <div class="mdesc">
4922
4923                    <div class="short">The function that should handle the trigger's click event.</div>
4924
4925
4926
4927                     <div class="long">
4928
4929                                 The function that should handle the trigger's click event.  This method does nothing by default until overridden<br/>by an implementing function.
4930
4931
4932
4933
4934
4935
4936                                 <dl class="detailList">
4937                                 <dt class="heading">Parameters:</dt>
4938
4939                                         <dt>
4940                                                 <span class="fixedFont">EventObject</span>  <b>e</b>
4941
4942                                         </dt>
4943                                         <dd></dd>
4944
4945                                 </dl>
4946
4947
4948
4949
4950
4951
4952
4953
4954
4955
4956
4957                     </div>
4958                 </div>
4959
4960             </td>
4961             <td class="msource">
4962
4963                         <a href="./Roo.form.TriggerField.html#constructor" roo:cls="Roo.form.TriggerField.html#constructor">Roo.form.TriggerField</a>
4964                 &nbsp;
4965             </td>
4966         </tr>
4967
4968
4969           <tr class="method-row config-row-alt0 expandable">
4970             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
4971
4972
4973             <td class="sig">
4974                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
4975                 <div class="fixedFont">
4976                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
4977
4978                                  ()
4979
4980
4981
4982                 </div>
4983                 <div class="mdesc">
4984
4985                    <div class="short">Removes all listeners for this object</div>
4986
4987
4988
4989                     <div class="long">
4990
4991                                 Removes all listeners for this object
4992
4993
4994
4995
4996
4997
4998
4999
5000
5001
5002
5003
5004
5005
5006
5007
5008                     </div>
5009                 </div>
5010
5011             </td>
5012             <td class="msource">
5013
5014                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5015                 &nbsp;
5016             </td>
5017         </tr>
5018
5019
5020           <tr class="method-row config-row-alt1 expandable">
5021             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5022
5023
5024             <td class="sig">
5025                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
5026                 <div class="fixedFont">
5027                         <span class="attributes"></span><b class="itemname">removeListener</b>
5028
5029                                  (<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>)
5030
5031
5032
5033                 </div>
5034                 <div class="mdesc">
5035
5036                    <div class="short">Removes a listener</div>
5037
5038
5039
5040                     <div class="long">
5041
5042                                 Removes a listener
5043
5044
5045
5046
5047
5048
5049                                 <dl class="detailList">
5050                                 <dt class="heading">Parameters:</dt>
5051
5052                                         <dt>
5053                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
5054
5055                                         </dt>
5056                                         <dd>The type of event to listen for</dd>
5057
5058                                         <dt>
5059                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
5060
5061                                         </dt>
5062                                         <dd>The handler to remove</dd>
5063
5064                                         <dt>
5065                                                 <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>
5066
5067                                         </dt>
5068                                         <dd>(optional) The scope (this object) for the handler</dd>
5069
5070                                 </dl>
5071
5072
5073
5074
5075
5076
5077
5078
5079
5080
5081
5082                     </div>
5083                 </div>
5084
5085             </td>
5086             <td class="msource">
5087
5088                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
5089                 &nbsp;
5090             </td>
5091         </tr>
5092
5093
5094           <tr class="method-row config-row-alt0 expandable">
5095             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5096
5097
5098             <td class="sig">
5099                 <a id="Roo.Component-method-render"   name=".render"></a>
5100                 <div class="fixedFont">
5101                         <span class="attributes"></span><b class="itemname">render</b>
5102
5103                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>container</i></B>)
5104
5105
5106
5107                 </div>
5108                 <div class="mdesc">
5109
5110                    <div class="short">If this is a lazy rendering component, render it to its container element.</div>
5111
5112
5113
5114                     <div class="long">
5115
5116                                 If this is a lazy rendering component, render it to its container element.
5117
5118
5119
5120
5121
5122
5123                                 <dl class="detailList">
5124                                 <dt class="heading">Parameters:</dt>
5125
5126                                         <dt>
5127                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>container</b>
5128
5129                                         </dt>
5130                                         <dd>(optional) The element this component should be rendered into. If it is being applied to existing markup, this should be left off.</dd>
5131
5132                                 </dl>
5133
5134
5135
5136
5137
5138
5139
5140
5141
5142
5143
5144                     </div>
5145                 </div>
5146
5147             </td>
5148             <td class="msource">
5149
5150                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5151                 &nbsp;
5152             </td>
5153         </tr>
5154
5155
5156           <tr class="method-row config-row-alt1 expandable">
5157             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5158
5159
5160             <td class="sig">
5161                 <a id="Roo.form.TextField-method-reset"   name=".reset"></a>
5162                 <div class="fixedFont">
5163                         <span class="attributes"></span><b class="itemname">reset</b>
5164
5165                                  ()
5166
5167
5168
5169                 </div>
5170                 <div class="mdesc">
5171
5172                    <div class="short">Resets the current field value to the originally-loaded value and clears any validation messages.</div>
5173
5174
5175
5176                     <div class="long">
5177
5178                                 Resets the current field value to the originally-loaded value and clears any validation messages.
5179
5180
5181
5182
5183
5184
5185
5186
5187
5188
5189
5190
5191
5192
5193
5194
5195                     </div>
5196                 </div>
5197
5198             </td>
5199             <td class="msource">
5200
5201                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
5202                 &nbsp;
5203             </td>
5204         </tr>
5205
5206
5207           <tr class="method-row config-row-alt0 expandable">
5208             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5209
5210
5211             <td class="sig">
5212                 <a id="Roo.form.ComboBox-method-select"   name=".select"></a>
5213                 <div class="fixedFont">
5214                         <span class="attributes"></span><b class="itemname">select</b>
5215
5216                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>scrollIntoView</i></B>)
5217
5218
5219
5220                 </div>
5221                 <div class="mdesc">
5222
5223                    <div class="short">Select an item in the dropdown list by its numeric index in the list.</div>
5224
5225
5226
5227                     <div class="long">
5228
5229                                 Select an item in the dropdown list by its numeric index in the list. This function does NOT cause the select event to fire.<br/>The store must be loaded and the list expanded for this function to work, otherwise use setValue.
5230
5231
5232
5233
5234
5235
5236                                 <dl class="detailList">
5237                                 <dt class="heading">Parameters:</dt>
5238
5239                                         <dt>
5240                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>index</b>
5241
5242                                         </dt>
5243                                         <dd>The zero-based index of the list item to select</dd>
5244
5245                                         <dt>
5246                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>scrollIntoView</b>
5247
5248                                         </dt>
5249                                         <dd>False to prevent the dropdown list from autoscrolling to display the<br/>selected item if it is not currently in view (defaults to true)</dd>
5250
5251                                 </dl>
5252
5253
5254
5255
5256
5257
5258
5259
5260
5261
5262
5263                     </div>
5264                 </div>
5265
5266             </td>
5267             <td class="msource">
5268
5269                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
5270                 &nbsp;
5271             </td>
5272         </tr>
5273
5274
5275           <tr class="method-row config-row-alt1 expandable">
5276             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5277
5278
5279             <td class="sig">
5280                 <a id="Roo.form.ComboBox-method-selectByValue"   name=".selectByValue"></a>
5281                 <div class="fixedFont">
5282                         <span class="attributes"></span><b class="itemname">selectByValue</b>
5283
5284                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>scrollIntoView</i></B>)
5285
5286
5287                                          :
5288
5289
5290                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
5291
5292
5293
5294
5295
5296                 </div>
5297                 <div class="mdesc">
5298
5299                    <div class="short">Select an item in the dropdown list by its data value.</div>
5300
5301
5302
5303                     <div class="long">
5304
5305                                 Select an item in the dropdown list by its data value. This function does NOT cause the select event to fire.<br/>The store must be loaded and the list expanded for this function to work, otherwise use setValue.
5306
5307
5308
5309
5310
5311
5312                                 <dl class="detailList">
5313                                 <dt class="heading">Parameters:</dt>
5314
5315                                         <dt>
5316                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
5317
5318                                         </dt>
5319                                         <dd>The data value of the item to select</dd>
5320
5321                                         <dt>
5322                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>scrollIntoView</b>
5323
5324                                         </dt>
5325                                         <dd>False to prevent the dropdown list from autoscrolling to display the<br/>selected item if it is not currently in view (defaults to true)</dd>
5326
5327                                 </dl>
5328
5329
5330
5331
5332
5333                                 <dl class="detailList">
5334                                 <dt class="heading">Returns:</dt>
5335
5336                                         <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 value matched an item in the list, else false</dd>
5337
5338                                 </dl>
5339
5340
5341
5342
5343
5344
5345
5346                     </div>
5347                 </div>
5348
5349             </td>
5350             <td class="msource">
5351
5352                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
5353                 &nbsp;
5354             </td>
5355         </tr>
5356
5357
5358           <tr class="method-row config-row-alt0 expandable">
5359             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5360
5361
5362             <td class="sig">
5363                 <a id="Roo.form.TextField-method-selectText"   name=".selectText"></a>
5364                 <div class="fixedFont">
5365                         <span class="attributes"></span><b class="itemname">selectText</b>
5366
5367                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>start</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>end</i></B>)
5368
5369
5370
5371                 </div>
5372                 <div class="mdesc">
5373
5374                    <div class="short">Selects text in this field</div>
5375
5376
5377
5378                     <div class="long">
5379
5380                                 Selects text in this field
5381
5382
5383
5384
5385
5386
5387                                 <dl class="detailList">
5388                                 <dt class="heading">Parameters:</dt>
5389
5390                                         <dt>
5391                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>start</b>
5392
5393                                         </dt>
5394                                         <dd>(optional) The index where the selection should start (defaults to 0)</dd>
5395
5396                                         <dt>
5397                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>end</b>
5398
5399                                         </dt>
5400                                         <dd>(optional) The index where the selection should end (defaults to the text length)</dd>
5401
5402                                 </dl>
5403
5404
5405
5406
5407
5408
5409
5410
5411
5412
5413
5414                     </div>
5415                 </div>
5416
5417             </td>
5418             <td class="msource">
5419
5420                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
5421                 &nbsp;
5422             </td>
5423         </tr>
5424
5425
5426           <tr class="method-row config-row-alt1 expandable">
5427             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5428
5429
5430             <td class="sig">
5431                 <a id="Roo.Component-method-setDisabled"   name=".setDisabled"></a>
5432                 <div class="fixedFont">
5433                         <span class="attributes"></span><b class="itemname">setDisabled</b>
5434
5435                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>disabled</i></B>)
5436
5437
5438
5439                 </div>
5440                 <div class="mdesc">
5441
5442                    <div class="short">Convenience function for setting disabled/enabled by boolean.</div>
5443
5444
5445
5446                     <div class="long">
5447
5448                                 Convenience function for setting disabled/enabled by boolean.
5449
5450
5451
5452
5453
5454
5455                                 <dl class="detailList">
5456                                 <dt class="heading">Parameters:</dt>
5457
5458                                         <dt>
5459                                                 <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>
5460
5461                                         </dt>
5462                                         <dd></dd>
5463
5464                                 </dl>
5465
5466
5467
5468
5469
5470
5471
5472
5473
5474
5475
5476                     </div>
5477                 </div>
5478
5479             </td>
5480             <td class="msource">
5481
5482                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5483                 &nbsp;
5484             </td>
5485         </tr>
5486
5487
5488           <tr class="method-row config-row-alt0 expandable">
5489             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5490
5491
5492             <td class="sig">
5493                 <a id="Roo.form.ComboBox-method-setEditable"   name=".setEditable"></a>
5494                 <div class="fixedFont">
5495                         <span class="attributes"></span><b class="itemname">setEditable</b>
5496
5497                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>value</i></B>)
5498
5499
5500
5501                 </div>
5502                 <div class="mdesc">
5503
5504                    <div class="short">Allow or prevent the user from directly editing the field text.</div>
5505
5506
5507
5508                     <div class="long">
5509
5510                                 Allow or prevent the user from directly editing the field text.  If false is passed,<br/>the user will only be able to select from the items defined in the dropdown list.  This method<br/>is the runtime equivalent of setting the 'editable' config option at config time.
5511
5512
5513
5514
5515
5516
5517                                 <dl class="detailList">
5518                                 <dt class="heading">Parameters:</dt>
5519
5520                                         <dt>
5521                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>value</b>
5522
5523                                         </dt>
5524                                         <dd>True to allow the user to directly edit the field text</dd>
5525
5526                                 </dl>
5527
5528
5529
5530
5531
5532
5533
5534
5535
5536
5537
5538                     </div>
5539                 </div>
5540
5541             </td>
5542             <td class="msource">
5543
5544                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
5545                 &nbsp;
5546             </td>
5547         </tr>
5548
5549
5550           <tr class="method-row config-row-alt1 expandable">
5551             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5552
5553
5554             <td class="sig">
5555                 <a id="Roo.form.ComboBox-method-setFromData"   name=".setFromData"></a>
5556                 <div class="fixedFont">
5557                         <span class="attributes"></span><b class="itemname">setFromData</b>
5558
5559                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>value</i></B>)
5560
5561
5562
5563                 </div>
5564                 <div class="mdesc">
5565
5566                    <div class="short">Sets the value of the field based on a object which is related to the record format for the store.</div>
5567
5568
5569
5570                     <div class="long">
5571
5572                                 Sets the value of the field based on a object which is related to the record format for the store.
5573
5574
5575
5576
5577
5578
5579                                 <dl class="detailList">
5580                                 <dt class="heading">Parameters:</dt>
5581
5582                                         <dt>
5583                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span>  <b>value</b>
5584
5585                                         </dt>
5586                                         <dd>the value to set as. or false on reset?</dd>
5587
5588                                 </dl>
5589
5590
5591
5592
5593
5594
5595
5596
5597
5598
5599
5600                     </div>
5601                 </div>
5602
5603             </td>
5604             <td class="msource">
5605
5606                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
5607                 &nbsp;
5608             </td>
5609         </tr>
5610
5611
5612           <tr class="method-row config-row-alt0 expandable">
5613             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5614
5615
5616             <td class="sig">
5617                 <a id="Roo.BoxComponent-method-setPagePosition"   name=".setPagePosition"></a>
5618                 <div class="fixedFont">
5619                         <span class="attributes"></span><b class="itemname">setPagePosition</b>
5620
5621                                  (<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>)
5622
5623
5624
5625                 </div>
5626                 <div class="mdesc">
5627
5628                    <div class="short">Sets the page XY position of the component.</div>
5629
5630
5631
5632                     <div class="long">
5633
5634                                 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.
5635
5636
5637
5638
5639
5640
5641                                 <dl class="detailList">
5642                                 <dt class="heading">Parameters:</dt>
5643
5644                                         <dt>
5645                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>x</b>
5646
5647                                         </dt>
5648                                         <dd>The new x position</dd>
5649
5650                                         <dt>
5651                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>y</b>
5652
5653                                         </dt>
5654                                         <dd>The new y position</dd>
5655
5656                                 </dl>
5657
5658
5659
5660
5661
5662
5663
5664
5665
5666
5667
5668                     </div>
5669                 </div>
5670
5671             </td>
5672             <td class="msource">
5673
5674                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5675                 &nbsp;
5676             </td>
5677         </tr>
5678
5679
5680           <tr class="method-row config-row-alt1 expandable">
5681             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5682
5683
5684             <td class="sig">
5685                 <a id="Roo.BoxComponent-method-setPosition"   name=".setPosition"></a>
5686                 <div class="fixedFont">
5687                         <span class="attributes"></span><b class="itemname">setPosition</b>
5688
5689                                  (<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>)
5690
5691
5692
5693                 </div>
5694                 <div class="mdesc">
5695
5696                    <div class="short">Sets the left and top of the component.</div>
5697
5698
5699
5700                     <div class="long">
5701
5702                                 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.
5703
5704
5705
5706
5707
5708
5709                                 <dl class="detailList">
5710                                 <dt class="heading">Parameters:</dt>
5711
5712                                         <dt>
5713                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>left</b>
5714
5715                                         </dt>
5716                                         <dd>The new left</dd>
5717
5718                                         <dt>
5719                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>top</b>
5720
5721                                         </dt>
5722                                         <dd>The new top</dd>
5723
5724                                 </dl>
5725
5726
5727
5728
5729
5730
5731
5732
5733
5734
5735
5736                     </div>
5737                 </div>
5738
5739             </td>
5740             <td class="msource">
5741
5742                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5743                 &nbsp;
5744             </td>
5745         </tr>
5746
5747
5748           <tr class="method-row config-row-alt0 expandable">
5749             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5750
5751
5752             <td class="sig">
5753                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
5754                 <div class="fixedFont">
5755                         <span class="attributes"></span><b class="itemname">setRawValue</b>
5756
5757                                  (Mixed <B><i>value</i></B>)
5758
5759
5760
5761                 </div>
5762                 <div class="mdesc">
5763
5764                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
5765
5766
5767
5768                     <div class="long">
5769
5770                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
5771
5772
5773
5774
5775
5776
5777                                 <dl class="detailList">
5778                                 <dt class="heading">Parameters:</dt>
5779
5780                                         <dt>
5781                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
5782
5783                                         </dt>
5784                                         <dd>The value to set</dd>
5785
5786                                 </dl>
5787
5788
5789
5790
5791
5792
5793
5794
5795
5796
5797
5798                     </div>
5799                 </div>
5800
5801             </td>
5802             <td class="msource">
5803
5804                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
5805                 &nbsp;
5806             </td>
5807         </tr>
5808
5809
5810           <tr class="method-row config-row-alt1 expandable">
5811             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5812
5813
5814             <td class="sig">
5815                 <a id="Roo.BoxComponent-method-setSize"   name=".setSize"></a>
5816                 <div class="fixedFont">
5817                         <span class="attributes"></span><b class="itemname">setSize</b>
5818
5819                                  (<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>)
5820
5821
5822                                          :
5823
5824
5825                                                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5826
5827
5828
5829
5830
5831                 </div>
5832                 <div class="mdesc">
5833
5834                    <div class="short">Sets the width and height of the component.</div>
5835
5836
5837
5838                     <div class="long">
5839
5840                                 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}.
5841
5842
5843
5844
5845
5846
5847                                 <dl class="detailList">
5848                                 <dt class="heading">Parameters:</dt>
5849
5850                                         <dt>
5851                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>/Object</span>  <b>width</b>
5852
5853                                         </dt>
5854                                         <dd>The new width to set, or a size object in the format {width, height}</dd>
5855
5856                                         <dt>
5857                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>height</b>
5858
5859                                         </dt>
5860                                         <dd>The new height to set (not required if a size object is passed as the first arg)</dd>
5861
5862                                 </dl>
5863
5864
5865
5866
5867
5868                                 <dl class="detailList">
5869                                 <dt class="heading">Returns:</dt>
5870
5871                                         <dd><span class="fixedFont"><a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a></span>  this</dd>
5872
5873                                 </dl>
5874
5875
5876
5877
5878
5879
5880
5881                     </div>
5882                 </div>
5883
5884             </td>
5885             <td class="msource">
5886
5887                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
5888                 &nbsp;
5889             </td>
5890         </tr>
5891
5892
5893           <tr class="method-row config-row-alt0 expandable">
5894             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5895
5896
5897             <td class="sig">
5898                 <a id="Roo.form.ComboBox-method-setValue"   name=".setValue"></a>
5899                 <div class="fixedFont">
5900                         <span class="attributes"></span><b class="itemname">setValue</b>
5901
5902                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>value</i></B>)
5903
5904
5905
5906                 </div>
5907                 <div class="mdesc">
5908
5909                    <div class="short">Sets the specified value into the field.</div>
5910
5911
5912
5913                     <div class="long">
5914
5915                                 Sets the specified value into the field.  If the value finds a match, the corresponding record text<br/>will be displayed in the field.  If the value does not match the data value of an existing item,<br/>and the valueNotFoundText config option is defined, it will be displayed as the default field text.<br/>Otherwise the field will be blank (although the value will still be set).
5916
5917
5918
5919
5920
5921
5922                                 <dl class="detailList">
5923                                 <dt class="heading">Parameters:</dt>
5924
5925                                         <dt>
5926                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>value</b>
5927
5928                                         </dt>
5929                                         <dd>The value to match</dd>
5930
5931                                 </dl>
5932
5933
5934
5935
5936
5937
5938
5939
5940
5941
5942
5943                     </div>
5944                 </div>
5945
5946             </td>
5947             <td class="msource">
5948
5949                         <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
5950                 &nbsp;
5951             </td>
5952         </tr>
5953
5954
5955           <tr class="method-row config-row-alt1 expandable">
5956             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
5957
5958
5959             <td class="sig">
5960                 <a id="Roo.Component-method-setVisible"   name=".setVisible"></a>
5961                 <div class="fixedFont">
5962                         <span class="attributes"></span><b class="itemname">setVisible</b>
5963
5964                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>visible</i></B>)
5965
5966
5967                                          :
5968
5969
5970                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
5971
5972
5973
5974
5975
5976                 </div>
5977                 <div class="mdesc">
5978
5979                    <div class="short">Convenience function to hide or show this component by boolean.</div>
5980
5981
5982
5983                     <div class="long">
5984
5985                                 Convenience function to hide or show this component by boolean.
5986
5987
5988
5989
5990
5991
5992                                 <dl class="detailList">
5993                                 <dt class="heading">Parameters:</dt>
5994
5995                                         <dt>
5996                                                 <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>
5997
5998                                         </dt>
5999                                         <dd>True to show, false to hide</dd>
6000
6001                                 </dl>
6002
6003
6004
6005
6006
6007                                 <dl class="detailList">
6008                                 <dt class="heading">Returns:</dt>
6009
6010                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
6011
6012                                 </dl>
6013
6014
6015
6016
6017
6018
6019
6020                     </div>
6021                 </div>
6022
6023             </td>
6024             <td class="msource">
6025
6026                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6027                 &nbsp;
6028             </td>
6029         </tr>
6030
6031
6032           <tr class="method-row config-row-alt0 expandable">
6033             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6034
6035
6036             <td class="sig">
6037                 <a id="Roo.Component-method-show"   name=".show"></a>
6038                 <div class="fixedFont">
6039                         <span class="attributes"></span><b class="itemname">show</b>
6040
6041                                  ()
6042
6043
6044                                          :
6045
6046
6047                                                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6048
6049
6050
6051
6052
6053                 </div>
6054                 <div class="mdesc">
6055
6056                    <div class="short">Show this component.</div>
6057
6058
6059
6060                     <div class="long">
6061
6062                                 Show this component.
6063
6064
6065
6066
6067
6068
6069
6070
6071
6072
6073                                 <dl class="detailList">
6074                                 <dt class="heading">Returns:</dt>
6075
6076                                         <dd><span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span>  this</dd>
6077
6078                                 </dl>
6079
6080
6081
6082
6083
6084
6085
6086                     </div>
6087                 </div>
6088
6089             </td>
6090             <td class="msource">
6091
6092                         <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6093                 &nbsp;
6094             </td>
6095         </tr>
6096
6097
6098           <tr class="method-row config-row-alt1 expandable">
6099             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6100
6101
6102             <td class="sig">
6103                 <a id="Roo.BoxComponent-method-syncSize"   name=".syncSize"></a>
6104                 <div class="fixedFont">
6105                         <span class="attributes"></span><b class="itemname">syncSize</b>
6106
6107                                  ()
6108
6109
6110
6111                 </div>
6112                 <div class="mdesc">
6113
6114                    <div class="short">Force the component's size to recalculate based on the underlying element's current height and width.</div>
6115
6116
6117
6118                     <div class="long">
6119
6120                                 Force the component's size to recalculate based on the underlying element's current height and width.
6121
6122
6123
6124
6125
6126
6127
6128
6129
6130
6131
6132
6133
6134
6135
6136
6137                     </div>
6138                 </div>
6139
6140             </td>
6141             <td class="msource">
6142
6143                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
6144                 &nbsp;
6145             </td>
6146         </tr>
6147
6148
6149           <tr class="method-row config-row-alt0 expandable">
6150             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6151
6152
6153             <td class="sig">
6154                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
6155                 <div class="fixedFont">
6156                         <span class="attributes"></span><b class="itemname">un</b>
6157
6158                                  (<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>)
6159
6160
6161
6162                 </div>
6163                 <div class="mdesc">
6164
6165                    <div class="short">Removes a listener (shorthand for removeListener)</div>
6166
6167
6168
6169                     <div class="long">
6170
6171                                 Removes a listener (shorthand for removeListener)
6172
6173
6174
6175
6176
6177
6178                                 <dl class="detailList">
6179                                 <dt class="heading">Parameters:</dt>
6180
6181                                         <dt>
6182                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
6183
6184                                         </dt>
6185                                         <dd>The type of event to listen for</dd>
6186
6187                                         <dt>
6188                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
6189
6190                                         </dt>
6191                                         <dd>The handler to remove</dd>
6192
6193                                         <dt>
6194                                                 <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>
6195
6196                                         </dt>
6197                                         <dd>(optional) The scope (this object) for the handler</dd>
6198
6199                                 </dl>
6200
6201
6202
6203
6204
6205
6206
6207
6208
6209
6210
6211                     </div>
6212                 </div>
6213
6214             </td>
6215             <td class="msource">
6216
6217                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
6218                 &nbsp;
6219             </td>
6220         </tr>
6221
6222
6223           <tr class="method-row config-row-alt1 expandable">
6224             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6225
6226
6227             <td class="sig">
6228                 <a id="Roo.BoxComponent-method-updateBox"   name=".updateBox"></a>
6229                 <div class="fixedFont">
6230                         <span class="attributes"></span><b class="itemname">updateBox</b>
6231
6232                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>box</i></B>)
6233
6234
6235
6236                 </div>
6237                 <div class="mdesc">
6238
6239                    <div class="short">Sets the current box measurements of the component's underlying element.</div>
6240
6241
6242
6243                     <div class="long">
6244
6245                                 Sets the current box measurements of the component's underlying element.
6246
6247
6248
6249
6250
6251
6252                                 <dl class="detailList">
6253                                 <dt class="heading">Parameters:</dt>
6254
6255                                         <dt>
6256                                                 <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>
6257
6258                                         </dt>
6259                                         <dd>An object in the format {x, y, width, height}</dd>
6260
6261                                 </dl>
6262
6263
6264
6265
6266
6267
6268
6269
6270
6271
6272
6273                     </div>
6274                 </div>
6275
6276             </td>
6277             <td class="msource">
6278
6279                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
6280                 &nbsp;
6281             </td>
6282         </tr>
6283
6284
6285           <tr class="method-row config-row-alt0 expandable">
6286             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6287
6288
6289             <td class="sig">
6290                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
6291                 <div class="fixedFont">
6292                         <span class="attributes"></span><b class="itemname">validate</b>
6293
6294                                  ()
6295
6296
6297                                          :
6298
6299
6300                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6301
6302
6303
6304
6305
6306                 </div>
6307                 <div class="mdesc">
6308
6309                    <div class="short">Validates the field value</div>
6310
6311
6312
6313                     <div class="long">
6314
6315                                 Validates the field value
6316
6317
6318
6319
6320
6321
6322
6323
6324
6325
6326                                 <dl class="detailList">
6327                                 <dt class="heading">Returns:</dt>
6328
6329                                         <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 value is valid, else false</dd>
6330
6331                                 </dl>
6332
6333
6334
6335
6336
6337
6338
6339                     </div>
6340                 </div>
6341
6342             </td>
6343             <td class="msource">
6344
6345                         <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6346                 &nbsp;
6347             </td>
6348         </tr>
6349
6350
6351           <tr class="method-row config-row-alt1 expandable">
6352             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6353
6354
6355             <td class="sig">
6356                 <a id="Roo.form.TextField-method-validateValue"   name=".validateValue"></a>
6357                 <div class="fixedFont">
6358                         <span class="attributes"></span><b class="itemname">validateValue</b>
6359
6360                                  (Mixed <B><i>value</i></B>)
6361
6362
6363                                          :
6364
6365
6366                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
6367
6368
6369
6370
6371
6372                 </div>
6373                 <div class="mdesc">
6374
6375                    <div class="short">Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails</div>
6376
6377
6378
6379                     <div class="long">
6380
6381                                 Validates a value according to the field's validation rules and marks the field as invalid<br/>if the validation fails
6382
6383
6384
6385
6386
6387
6388                                 <dl class="detailList">
6389                                 <dt class="heading">Parameters:</dt>
6390
6391                                         <dt>
6392                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
6393
6394                                         </dt>
6395                                         <dd>The value to validate</dd>
6396
6397                                 </dl>
6398
6399
6400
6401
6402
6403                                 <dl class="detailList">
6404                                 <dt class="heading">Returns:</dt>
6405
6406                                         <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 value is valid, else false</dd>
6407
6408                                 </dl>
6409
6410
6411
6412
6413
6414
6415
6416                     </div>
6417                 </div>
6418
6419             </td>
6420             <td class="msource">
6421
6422                         <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
6423                 &nbsp;
6424             </td>
6425         </tr>
6426
6427
6428     </table>
6429
6430
6431   <!-- ============================== events summary / details ======================== -->
6432
6433
6434   <a id="Roo.form.ComboCheck-events"></a>
6435
6436
6437
6438
6439
6440
6441
6442
6443       <table cellspacing="0" class="member-table">
6444                 <caption>Events</caption>
6445               <thead>
6446                 <tr>
6447                     <th class="sig-header" colspan="2">Event</th>
6448                     <th class="msource-header">Defined By</th>
6449
6450                 </tr>
6451               </thead>
6452
6453
6454
6455
6456
6457           <tr class="method-row expandable config-row-alt0">
6458             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6459
6460             <td class="sig">
6461                 <a id="Roo.form.ComboBox-event-*add"></a>
6462
6463                <div class="fixedFont">
6464                 <b class="itemname">add</b> (<a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a> <B><i>combo</i></B>)
6465
6466                 </div>
6467
6468                 <div class="mdesc">
6469
6470                    <div class="short">Fires when the 'add' icon is pressed (add a listener to enable add button)
6471
6472                 </div>
6473
6474                     <div class="long">
6475
6476                         Fires when the 'add' icon is pressed (add a listener to enable add button)
6477
6478
6479
6480
6481
6482                                 <dl class="detailList">
6483                                 <dt class="heading">Parameters:</dt>
6484
6485                                         <dt>
6486                                                 <span class="fixedFont"><a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a></span> <b>combo</b>
6487
6488                                         </dt>
6489                                         <dd>This combo box</dd>
6490
6491                                 </dl>
6492
6493
6494
6495
6496
6497
6498
6499
6500
6501
6502
6503                     </div>
6504                 </div>
6505
6506             </td>
6507             <td class="msource">
6508                 <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
6509             </td>
6510         </tr>
6511
6512           <tr class="method-row expandable config-row-alt1">
6513             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6514
6515             <td class="sig">
6516                 <a id="Roo.form.TextField-event-*autosize"></a>
6517
6518                <div class="fixedFont">
6519                 <b class="itemname">autosize</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>width</i></B>)
6520
6521                 </div>
6522
6523                 <div class="mdesc">
6524
6525                    <div class="short">Fires when the autosize function is triggered.
6526
6527                 </div>
6528
6529                     <div class="long">
6530
6531                         Fires when the autosize function is triggered.  The field may or may not have actually changed size<br/>according to the default logic, but this event provides a hook for the developer to apply additional<br/>logic at runtime to resize the field if needed.
6532
6533
6534
6535
6536
6537                                 <dl class="detailList">
6538                                 <dt class="heading">Parameters:</dt>
6539
6540                                         <dt>
6541                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
6542
6543                                         </dt>
6544                                         <dd>This text field</dd>
6545
6546                                         <dt>
6547                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>width</b>
6548
6549                                         </dt>
6550                                         <dd>The new field width</dd>
6551
6552                                 </dl>
6553
6554
6555
6556
6557
6558
6559
6560
6561
6562
6563
6564                     </div>
6565                 </div>
6566
6567             </td>
6568             <td class="msource">
6569                 <a href="./Roo.form.TextField.html#constructor" roo:cls="Roo.form.TextField.html#constructor">Roo.form.TextField</a>
6570             </td>
6571         </tr>
6572
6573           <tr class="method-row expandable config-row-alt0">
6574             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6575
6576             <td class="sig">
6577                 <a id="Roo.Component-event-*beforedestroy"></a>
6578
6579                <div class="fixedFont">
6580                 <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>)
6581
6582                 </div>
6583
6584                 <div class="mdesc">
6585
6586                    <div class="short">Fires before the component is destroyed.
6587
6588                 </div>
6589
6590                     <div class="long">
6591
6592                         Fires before the component is destroyed. Return false to stop the destroy.
6593
6594
6595
6596
6597
6598                                 <dl class="detailList">
6599                                 <dt class="heading">Parameters:</dt>
6600
6601                                         <dt>
6602                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6603
6604                                         </dt>
6605                                         <dd></dd>
6606
6607                                 </dl>
6608
6609
6610
6611
6612
6613
6614
6615
6616
6617
6618
6619                     </div>
6620                 </div>
6621
6622             </td>
6623             <td class="msource">
6624                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6625             </td>
6626         </tr>
6627
6628           <tr class="method-row expandable config-row-alt1">
6629             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6630
6631             <td class="sig">
6632                 <a id="Roo.Component-event-*beforehide"></a>
6633
6634                <div class="fixedFont">
6635                 <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>)
6636
6637                 </div>
6638
6639                 <div class="mdesc">
6640
6641                    <div class="short">Fires before the component is hidden.
6642
6643                 </div>
6644
6645                     <div class="long">
6646
6647                         Fires before the component is hidden. Return false to stop the hide.
6648
6649
6650
6651
6652
6653                                 <dl class="detailList">
6654                                 <dt class="heading">Parameters:</dt>
6655
6656                                         <dt>
6657                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6658
6659                                         </dt>
6660                                         <dd></dd>
6661
6662                                 </dl>
6663
6664
6665
6666
6667
6668
6669
6670
6671
6672
6673
6674                     </div>
6675                 </div>
6676
6677             </td>
6678             <td class="msource">
6679                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6680             </td>
6681         </tr>
6682
6683           <tr class="method-row expandable config-row-alt0">
6684             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6685
6686             <td class="sig">
6687                 <a id="Roo.form.ComboBox-event-*beforequery"></a>
6688
6689                <div class="fixedFont">
6690                 <b class="itemname">beforequery</b> (<a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a> <B><i>combo</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>query</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>forceAll</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>cancel</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>e</i></B>)
6691
6692                 </div>
6693
6694                 <div class="mdesc">
6695
6696                    <div class="short">Fires before all queries are processed.
6697
6698                 </div>
6699
6700                     <div class="long">
6701
6702                         Fires before all queries are processed. Return false to cancel the query or set cancel to true.<br/>The event object passed has these properties:
6703
6704
6705
6706
6707
6708                                 <dl class="detailList">
6709                                 <dt class="heading">Parameters:</dt>
6710
6711                                         <dt>
6712                                                 <span class="fixedFont"><a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a></span> <b>combo</b>
6713
6714                                         </dt>
6715                                         <dd>This combo box</dd>
6716
6717                                         <dt>
6718                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>query</b>
6719
6720                                         </dt>
6721                                         <dd>The query</dd>
6722
6723                                         <dt>
6724                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>forceAll</b>
6725
6726                                         </dt>
6727                                         <dd>true to force "all" query</dd>
6728
6729                                         <dt>
6730                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span> <b>cancel</b>
6731
6732                                         </dt>
6733                                         <dd>true to cancel the query</dd>
6734
6735                                         <dt>
6736                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>e</b>
6737
6738                                         </dt>
6739                                         <dd>The query event object</dd>
6740
6741                                 </dl>
6742
6743
6744
6745
6746
6747
6748
6749
6750
6751
6752
6753                     </div>
6754                 </div>
6755
6756             </td>
6757             <td class="msource">
6758                 <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
6759             </td>
6760         </tr>
6761
6762           <tr class="method-row expandable config-row-alt1">
6763             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6764
6765             <td class="sig">
6766                 <a id="Roo.Component-event-*beforerender"></a>
6767
6768                <div class="fixedFont">
6769                 <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>)
6770
6771                 </div>
6772
6773                 <div class="mdesc">
6774
6775                    <div class="short">Fires before the component is rendered.
6776
6777                 </div>
6778
6779                     <div class="long">
6780
6781                         Fires before the component is rendered. Return false to stop the render.
6782
6783
6784
6785
6786
6787                                 <dl class="detailList">
6788                                 <dt class="heading">Parameters:</dt>
6789
6790                                         <dt>
6791                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6792
6793                                         </dt>
6794                                         <dd></dd>
6795
6796                                 </dl>
6797
6798
6799
6800
6801
6802
6803
6804
6805
6806
6807
6808                     </div>
6809                 </div>
6810
6811             </td>
6812             <td class="msource">
6813                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6814             </td>
6815         </tr>
6816
6817           <tr class="method-row expandable config-row-alt0">
6818             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6819
6820             <td class="sig">
6821                 <a id="Roo.form.ComboBox-event-*beforeselect"></a>
6822
6823                <div class="fixedFont">
6824                 <b class="itemname">beforeselect</b> (<a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a> <B><i>combo</i></B>, <a href="./Roo.data.Record.html#constructor" roo:cls="Roo.data.Record.html#constructor">Roo.data.Record</a> <B><i>record</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>)
6825
6826                 </div>
6827
6828                 <div class="mdesc">
6829
6830                    <div class="short">Fires before a list item is selected.
6831
6832                 </div>
6833
6834                     <div class="long">
6835
6836                         Fires before a list item is selected. Return false to cancel the selection.
6837
6838
6839
6840
6841
6842                                 <dl class="detailList">
6843                                 <dt class="heading">Parameters:</dt>
6844
6845                                         <dt>
6846                                                 <span class="fixedFont"><a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a></span> <b>combo</b>
6847
6848                                         </dt>
6849                                         <dd>This combo box</dd>
6850
6851                                         <dt>
6852                                                 <span class="fixedFont"><a href="./Roo.data.Record.html#constructor" roo:cls="Roo.data.Record.html#constructor">Roo.data.Record</a></span> <b>record</b>
6853
6854                                         </dt>
6855                                         <dd>The data record returned from the underlying store</dd>
6856
6857                                         <dt>
6858                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>index</b>
6859
6860                                         </dt>
6861                                         <dd>The index of the selected item in the dropdown list</dd>
6862
6863                                 </dl>
6864
6865
6866
6867
6868
6869
6870
6871
6872
6873
6874
6875                     </div>
6876                 </div>
6877
6878             </td>
6879             <td class="msource">
6880                 <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
6881             </td>
6882         </tr>
6883
6884           <tr class="method-row expandable config-row-alt1">
6885             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6886
6887             <td class="sig">
6888                 <a id="Roo.Component-event-*beforeshow"></a>
6889
6890                <div class="fixedFont">
6891                 <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>)
6892
6893                 </div>
6894
6895                 <div class="mdesc">
6896
6897                    <div class="short">Fires before the component is shown.
6898
6899                 </div>
6900
6901                     <div class="long">
6902
6903                         Fires before the component is shown.  Return false to stop the show.
6904
6905
6906
6907
6908
6909                                 <dl class="detailList">
6910                                 <dt class="heading">Parameters:</dt>
6911
6912                                         <dt>
6913                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
6914
6915                                         </dt>
6916                                         <dd></dd>
6917
6918                                 </dl>
6919
6920
6921
6922
6923
6924
6925
6926
6927
6928
6929
6930                     </div>
6931                 </div>
6932
6933             </td>
6934             <td class="msource">
6935                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
6936             </td>
6937         </tr>
6938
6939           <tr class="method-row expandable config-row-alt0">
6940             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6941
6942             <td class="sig">
6943                 <a id="Roo.form.Field-event-*blur"></a>
6944
6945                <div class="fixedFont">
6946                 <b class="itemname">blur</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>)
6947
6948                 </div>
6949
6950                 <div class="mdesc">
6951
6952                    <div class="short">Fires when this field loses input focus.
6953
6954                 </div>
6955
6956                     <div class="long">
6957
6958                         Fires when this field loses input focus.
6959
6960
6961
6962
6963
6964                                 <dl class="detailList">
6965                                 <dt class="heading">Parameters:</dt>
6966
6967                                         <dt>
6968                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
6969
6970                                         </dt>
6971                                         <dd></dd>
6972
6973                                 </dl>
6974
6975
6976
6977
6978
6979
6980
6981
6982
6983
6984
6985                     </div>
6986                 </div>
6987
6988             </td>
6989             <td class="msource">
6990                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
6991             </td>
6992         </tr>
6993
6994           <tr class="method-row expandable config-row-alt1">
6995             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
6996
6997             <td class="sig">
6998                 <a id="Roo.form.Field-event-*change"></a>
6999
7000                <div class="fixedFont">
7001                 <b class="itemname">change</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, Mixed <B><i>newValue</i></B>, Mixed <B><i>oldValue</i></B>)
7002
7003                 </div>
7004
7005                 <div class="mdesc">
7006
7007                    <div class="short">Fires just before the field blurs if the field value has changed.
7008
7009                 </div>
7010
7011                     <div class="long">
7012
7013                         Fires just before the field blurs if the field value has changed.
7014
7015
7016
7017
7018
7019                                 <dl class="detailList">
7020                                 <dt class="heading">Parameters:</dt>
7021
7022                                         <dt>
7023                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
7024
7025                                         </dt>
7026                                         <dd></dd>
7027
7028                                         <dt>
7029                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
7030
7031                                         </dt>
7032                                         <dd>The new value</dd>
7033
7034                                         <dt>
7035                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
7036
7037                                         </dt>
7038                                         <dd>The original value</dd>
7039
7040                                 </dl>
7041
7042
7043
7044
7045
7046
7047
7048
7049
7050
7051
7052                     </div>
7053                 </div>
7054
7055             </td>
7056             <td class="msource">
7057                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7058             </td>
7059         </tr>
7060
7061           <tr class="method-row expandable config-row-alt0">
7062             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7063
7064             <td class="sig">
7065                 <a id="Roo.form.ComboBox-event-*collapse"></a>
7066
7067                <div class="fixedFont">
7068                 <b class="itemname">collapse</b> (<a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a> <B><i>combo</i></B>)
7069
7070                 </div>
7071
7072                 <div class="mdesc">
7073
7074                    <div class="short">Fires when the dropdown list is collapsed
7075
7076                 </div>
7077
7078                     <div class="long">
7079
7080                         Fires when the dropdown list is collapsed
7081
7082
7083
7084
7085
7086                                 <dl class="detailList">
7087                                 <dt class="heading">Parameters:</dt>
7088
7089                                         <dt>
7090                                                 <span class="fixedFont"><a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a></span> <b>combo</b>
7091
7092                                         </dt>
7093                                         <dd>This combo box</dd>
7094
7095                                 </dl>
7096
7097
7098
7099
7100
7101
7102
7103
7104
7105
7106
7107                     </div>
7108                 </div>
7109
7110             </td>
7111             <td class="msource">
7112                 <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
7113             </td>
7114         </tr>
7115
7116           <tr class="method-row expandable config-row-alt1">
7117             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7118
7119             <td class="sig">
7120                 <a id="Roo.Component-event-*destroy"></a>
7121
7122                <div class="fixedFont">
7123                 <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>)
7124
7125                 </div>
7126
7127                 <div class="mdesc">
7128
7129                    <div class="short">Fires after the component is destroyed.
7130
7131                 </div>
7132
7133                     <div class="long">
7134
7135                         Fires after the component is destroyed.
7136
7137
7138
7139
7140
7141                                 <dl class="detailList">
7142                                 <dt class="heading">Parameters:</dt>
7143
7144                                         <dt>
7145                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7146
7147                                         </dt>
7148                                         <dd></dd>
7149
7150                                 </dl>
7151
7152
7153
7154
7155
7156
7157
7158
7159
7160
7161
7162                     </div>
7163                 </div>
7164
7165             </td>
7166             <td class="msource">
7167                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7168             </td>
7169         </tr>
7170
7171           <tr class="method-row expandable config-row-alt0">
7172             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7173
7174             <td class="sig">
7175                 <a id="Roo.Component-event-*disable"></a>
7176
7177                <div class="fixedFont">
7178                 <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>)
7179
7180                 </div>
7181
7182                 <div class="mdesc">
7183
7184                    <div class="short">Fires after the component is disabled.
7185
7186                 </div>
7187
7188                     <div class="long">
7189
7190                         Fires after the component is disabled.
7191
7192
7193
7194
7195
7196                                 <dl class="detailList">
7197                                 <dt class="heading">Parameters:</dt>
7198
7199                                         <dt>
7200                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7201
7202                                         </dt>
7203                                         <dd></dd>
7204
7205                                 </dl>
7206
7207
7208
7209
7210
7211
7212
7213
7214
7215
7216
7217                     </div>
7218                 </div>
7219
7220             </td>
7221             <td class="msource">
7222                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7223             </td>
7224         </tr>
7225
7226           <tr class="method-row expandable config-row-alt1">
7227             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7228
7229             <td class="sig">
7230                 <a id="Roo.form.ComboBox-event-*edit"></a>
7231
7232                <div class="fixedFont">
7233                 <b class="itemname">edit</b> (<a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a> <B><i>combo</i></B>, <a href="./Roo.data.Record.html#constructor" roo:cls="Roo.data.Record.html#constructor">Roo.data.Record</a>|false <B><i>record</i></B>)
7234
7235                 </div>
7236
7237                 <div class="mdesc">
7238
7239                    <div class="short">Fires when the 'edit' icon is pressed (add a listener to enable add button)
7240
7241                 </div>
7242
7243                     <div class="long">
7244
7245                         Fires when the 'edit' icon is pressed (add a listener to enable add button)
7246
7247
7248
7249
7250
7251                                 <dl class="detailList">
7252                                 <dt class="heading">Parameters:</dt>
7253
7254                                         <dt>
7255                                                 <span class="fixedFont"><a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a></span> <b>combo</b>
7256
7257                                         </dt>
7258                                         <dd>This combo box</dd>
7259
7260                                         <dt>
7261                                                 <span class="fixedFont"><a href="./Roo.data.Record.html#constructor" roo:cls="Roo.data.Record.html#constructor">Roo.data.Record</a>|false</span> <b>record</b>
7262
7263                                         </dt>
7264                                         <dd>The data record returned from the underlying store (or false on nothing selected)</dd>
7265
7266                                 </dl>
7267
7268
7269
7270
7271
7272
7273
7274
7275
7276
7277
7278                     </div>
7279                 </div>
7280
7281             </td>
7282             <td class="msource">
7283                 <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
7284             </td>
7285         </tr>
7286
7287           <tr class="method-row expandable config-row-alt0">
7288             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7289
7290             <td class="sig">
7291                 <a id="Roo.Component-event-*enable"></a>
7292
7293                <div class="fixedFont">
7294                 <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>)
7295
7296                 </div>
7297
7298                 <div class="mdesc">
7299
7300                    <div class="short">Fires after the component is enabled.
7301
7302                 </div>
7303
7304                     <div class="long">
7305
7306                         Fires after the component is enabled.
7307
7308
7309
7310
7311
7312                                 <dl class="detailList">
7313                                 <dt class="heading">Parameters:</dt>
7314
7315                                         <dt>
7316                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7317
7318                                         </dt>
7319                                         <dd></dd>
7320
7321                                 </dl>
7322
7323
7324
7325
7326
7327
7328
7329
7330
7331
7332
7333                     </div>
7334                 </div>
7335
7336             </td>
7337             <td class="msource">
7338                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7339             </td>
7340         </tr>
7341
7342           <tr class="method-row expandable config-row-alt1">
7343             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7344
7345             <td class="sig">
7346                 <a id="Roo.form.ComboBox-event-*expand"></a>
7347
7348                <div class="fixedFont">
7349                 <b class="itemname">expand</b> (<a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a> <B><i>combo</i></B>)
7350
7351                 </div>
7352
7353                 <div class="mdesc">
7354
7355                    <div class="short">Fires when the dropdown list is expanded
7356
7357                 </div>
7358
7359                     <div class="long">
7360
7361                         Fires when the dropdown list is expanded
7362
7363
7364
7365
7366
7367                                 <dl class="detailList">
7368                                 <dt class="heading">Parameters:</dt>
7369
7370                                         <dt>
7371                                                 <span class="fixedFont"><a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a></span> <b>combo</b>
7372
7373                                         </dt>
7374                                         <dd>This combo box</dd>
7375
7376                                 </dl>
7377
7378
7379
7380
7381
7382
7383
7384
7385
7386
7387
7388                     </div>
7389                 </div>
7390
7391             </td>
7392             <td class="msource">
7393                 <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
7394             </td>
7395         </tr>
7396
7397           <tr class="method-row expandable config-row-alt0">
7398             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7399
7400             <td class="sig">
7401                 <a id="Roo.form.Field-event-*focus"></a>
7402
7403                <div class="fixedFont">
7404                 <b class="itemname">focus</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>)
7405
7406                 </div>
7407
7408                 <div class="mdesc">
7409
7410                    <div class="short">Fires when this field receives input focus.
7411
7412                 </div>
7413
7414                     <div class="long">
7415
7416                         Fires when this field receives input focus.
7417
7418
7419
7420
7421
7422                                 <dl class="detailList">
7423                                 <dt class="heading">Parameters:</dt>
7424
7425                                         <dt>
7426                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
7427
7428                                         </dt>
7429                                         <dd></dd>
7430
7431                                 </dl>
7432
7433
7434
7435
7436
7437
7438
7439
7440
7441
7442
7443                     </div>
7444                 </div>
7445
7446             </td>
7447             <td class="msource">
7448                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7449             </td>
7450         </tr>
7451
7452           <tr class="method-row expandable config-row-alt1">
7453             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7454
7455             <td class="sig">
7456                 <a id="Roo.Component-event-*hide"></a>
7457
7458                <div class="fixedFont">
7459                 <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>)
7460
7461                 </div>
7462
7463                 <div class="mdesc">
7464
7465                    <div class="short">Fires after the component is hidden.
7466
7467                 </div>
7468
7469                     <div class="long">
7470
7471                         Fires after the component is hidden.
7472
7473
7474
7475
7476
7477                                 <dl class="detailList">
7478                                 <dt class="heading">Parameters:</dt>
7479
7480                                         <dt>
7481                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7482
7483                                         </dt>
7484                                         <dd></dd>
7485
7486                                 </dl>
7487
7488
7489
7490
7491
7492
7493
7494
7495
7496
7497
7498                     </div>
7499                 </div>
7500
7501             </td>
7502             <td class="msource">
7503                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7504             </td>
7505         </tr>
7506
7507           <tr class="method-row expandable config-row-alt0">
7508             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7509
7510             <td class="sig">
7511                 <a id="Roo.form.Field-event-*invalid"></a>
7512
7513                <div class="fixedFont">
7514                 <b class="itemname">invalid</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
7515
7516                 </div>
7517
7518                 <div class="mdesc">
7519
7520                    <div class="short">Fires after the field has been marked as invalid.
7521
7522                 </div>
7523
7524                     <div class="long">
7525
7526                         Fires after the field has been marked as invalid.
7527
7528
7529
7530
7531
7532                                 <dl class="detailList">
7533                                 <dt class="heading">Parameters:</dt>
7534
7535                                         <dt>
7536                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
7537
7538                                         </dt>
7539                                         <dd></dd>
7540
7541                                         <dt>
7542                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
7543
7544                                         </dt>
7545                                         <dd>The validation message</dd>
7546
7547                                 </dl>
7548
7549
7550
7551
7552
7553
7554
7555
7556
7557
7558
7559                     </div>
7560                 </div>
7561
7562             </td>
7563             <td class="msource">
7564                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7565             </td>
7566         </tr>
7567
7568           <tr class="method-row expandable config-row-alt1">
7569             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7570
7571             <td class="sig">
7572                 <a id="Roo.form.Field-event-*keyup"></a>
7573
7574                <div class="fixedFont">
7575                 <b class="itemname">keyup</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
7576
7577                 </div>
7578
7579                 <div class="mdesc">
7580
7581                    <div class="short">Fires after the key up
7582
7583                 </div>
7584
7585                     <div class="long">
7586
7587                         Fires after the key up
7588
7589
7590
7591
7592
7593                                 <dl class="detailList">
7594                                 <dt class="heading">Parameters:</dt>
7595
7596                                         <dt>
7597                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
7598
7599                                         </dt>
7600                                         <dd></dd>
7601
7602                                         <dt>
7603                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
7604
7605                                         </dt>
7606                                         <dd>The event Object</dd>
7607
7608                                 </dl>
7609
7610
7611
7612
7613
7614
7615
7616
7617
7618
7619
7620                     </div>
7621                 </div>
7622
7623             </td>
7624             <td class="msource">
7625                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
7626             </td>
7627         </tr>
7628
7629           <tr class="method-row expandable config-row-alt0">
7630             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7631
7632             <td class="sig">
7633                 <a id="Roo.BoxComponent-event-*move"></a>
7634
7635                <div class="fixedFont">
7636                 <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>)
7637
7638                 </div>
7639
7640                 <div class="mdesc">
7641
7642                    <div class="short">Fires after the component is moved.
7643
7644                 </div>
7645
7646                     <div class="long">
7647
7648                         Fires after the component is moved.
7649
7650
7651
7652
7653
7654                                 <dl class="detailList">
7655                                 <dt class="heading">Parameters:</dt>
7656
7657                                         <dt>
7658                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7659
7660                                         </dt>
7661                                         <dd></dd>
7662
7663                                         <dt>
7664                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>x</b>
7665
7666                                         </dt>
7667                                         <dd>The new x position</dd>
7668
7669                                         <dt>
7670                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>y</b>
7671
7672                                         </dt>
7673                                         <dd>The new y position</dd>
7674
7675                                 </dl>
7676
7677
7678
7679
7680
7681
7682
7683
7684
7685
7686
7687                     </div>
7688                 </div>
7689
7690             </td>
7691             <td class="msource">
7692                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
7693             </td>
7694         </tr>
7695
7696           <tr class="method-row expandable config-row-alt1">
7697             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7698
7699             <td class="sig">
7700                 <a id="Roo.Component-event-*render"></a>
7701
7702                <div class="fixedFont">
7703                 <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>)
7704
7705                 </div>
7706
7707                 <div class="mdesc">
7708
7709                    <div class="short">Fires after the component is rendered.
7710
7711                 </div>
7712
7713                     <div class="long">
7714
7715                         Fires after the component is rendered.
7716
7717
7718
7719
7720
7721                                 <dl class="detailList">
7722                                 <dt class="heading">Parameters:</dt>
7723
7724                                         <dt>
7725                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7726
7727                                         </dt>
7728                                         <dd></dd>
7729
7730                                 </dl>
7731
7732
7733
7734
7735
7736
7737
7738
7739
7740
7741
7742                     </div>
7743                 </div>
7744
7745             </td>
7746             <td class="msource">
7747                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7748             </td>
7749         </tr>
7750
7751           <tr class="method-row expandable config-row-alt0">
7752             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7753
7754             <td class="sig">
7755                 <a id="Roo.BoxComponent-event-*resize"></a>
7756
7757                <div class="fixedFont">
7758                 <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>)
7759
7760                 </div>
7761
7762                 <div class="mdesc">
7763
7764                    <div class="short">Fires after the component is resized.
7765
7766                 </div>
7767
7768                     <div class="long">
7769
7770                         Fires after the component is resized.
7771
7772
7773
7774
7775
7776                                 <dl class="detailList">
7777                                 <dt class="heading">Parameters:</dt>
7778
7779                                         <dt>
7780                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7781
7782                                         </dt>
7783                                         <dd></dd>
7784
7785                                         <dt>
7786                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjWidth</b>
7787
7788                                         </dt>
7789                                         <dd>The box-adjusted width that was set</dd>
7790
7791                                         <dt>
7792                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>adjHeight</b>
7793
7794                                         </dt>
7795                                         <dd>The box-adjusted height that was set</dd>
7796
7797                                         <dt>
7798                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawWidth</b>
7799
7800                                         </dt>
7801                                         <dd>The width that was originally specified</dd>
7802
7803                                         <dt>
7804                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>rawHeight</b>
7805
7806                                         </dt>
7807                                         <dd>The height that was originally specified</dd>
7808
7809                                 </dl>
7810
7811
7812
7813
7814
7815
7816
7817
7818
7819
7820
7821                     </div>
7822                 </div>
7823
7824             </td>
7825             <td class="msource">
7826                 <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
7827             </td>
7828         </tr>
7829
7830           <tr class="method-row expandable config-row-alt1">
7831             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7832
7833             <td class="sig">
7834                 <a id="Roo.form.ComboBox-event-*select"></a>
7835
7836                <div class="fixedFont">
7837                 <b class="itemname">select</b> (<a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a> <B><i>combo</i></B>, <a href="./Roo.data.Record.html#constructor" roo:cls="Roo.data.Record.html#constructor">Roo.data.Record</a> <B><i>record</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>)
7838
7839                 </div>
7840
7841                 <div class="mdesc">
7842
7843                    <div class="short">Fires when a list item is selected
7844
7845                 </div>
7846
7847                     <div class="long">
7848
7849                         Fires when a list item is selected
7850
7851
7852
7853
7854
7855                                 <dl class="detailList">
7856                                 <dt class="heading">Parameters:</dt>
7857
7858                                         <dt>
7859                                                 <span class="fixedFont"><a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a></span> <b>combo</b>
7860
7861                                         </dt>
7862                                         <dd>This combo box</dd>
7863
7864                                         <dt>
7865                                                 <span class="fixedFont"><a href="./Roo.data.Record.html#constructor" roo:cls="Roo.data.Record.html#constructor">Roo.data.Record</a></span> <b>record</b>
7866
7867                                         </dt>
7868                                         <dd>The data record returned from the underlying store (or false on clear)</dd>
7869
7870                                         <dt>
7871                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>index</b>
7872
7873                                         </dt>
7874                                         <dd>The index of the selected item in the dropdown list</dd>
7875
7876                                 </dl>
7877
7878
7879
7880
7881
7882
7883
7884
7885
7886
7887
7888                     </div>
7889                 </div>
7890
7891             </td>
7892             <td class="msource">
7893                 <a href="./Roo.form.ComboBox.html#constructor" roo:cls="Roo.form.ComboBox.html#constructor">Roo.form.ComboBox</a>
7894             </td>
7895         </tr>
7896
7897           <tr class="method-row expandable config-row-alt0">
7898             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7899
7900             <td class="sig">
7901                 <a id="Roo.Component-event-*show"></a>
7902
7903                <div class="fixedFont">
7904                 <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>)
7905
7906                 </div>
7907
7908                 <div class="mdesc">
7909
7910                    <div class="short">Fires after the component is shown.
7911
7912                 </div>
7913
7914                     <div class="long">
7915
7916                         Fires after the component is shown.
7917
7918
7919
7920
7921
7922                                 <dl class="detailList">
7923                                 <dt class="heading">Parameters:</dt>
7924
7925                                         <dt>
7926                                                 <span class="fixedFont"><a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a></span> <b>this</b>
7927
7928                                         </dt>
7929                                         <dd></dd>
7930
7931                                 </dl>
7932
7933
7934
7935
7936
7937
7938
7939
7940
7941
7942
7943                     </div>
7944                 </div>
7945
7946             </td>
7947             <td class="msource">
7948                 <a href="./Roo.Component.html#constructor" roo:cls="Roo.Component.html#constructor">Roo.Component</a>
7949             </td>
7950         </tr>
7951
7952           <tr class="method-row expandable config-row-alt1">
7953             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
7954
7955             <td class="sig">
7956                 <a id="Roo.form.Field-event-*specialkey"></a>
7957
7958                <div class="fixedFont">
7959                 <b class="itemname">specialkey</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
7960
7961                 </div>
7962
7963                 <div class="mdesc">
7964
7965                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
7966
7967                 </div>
7968
7969                     <div class="long">
7970
7971                         Fires when any key related to navigation (arrows, tab, enter, esc, etc.) is pressed.  You can check<br/>{<b>link</b> Roo.EventObject<b>getKey</b>} to determine which key was pressed.
7972
7973
7974
7975
7976
7977                                 <dl class="detailList">
7978                                 <dt class="heading">Parameters:</dt>
7979
7980                                         <dt>
7981                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
7982
7983                                         </dt>
7984                                         <dd></dd>
7985
7986                                         <dt>
7987                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
7988
7989                                         </dt>
7990                                         <dd>The event object</dd>
7991
7992                                 </dl>
7993
7994
7995
7996
7997
7998
7999
8000
8001
8002
8003
8004                     </div>
8005                 </div>
8006
8007             </td>
8008             <td class="msource">
8009                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
8010             </td>
8011         </tr>
8012
8013           <tr class="method-row expandable config-row-alt0">
8014             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
8015
8016             <td class="sig">
8017                 <a id="Roo.form.Field-event-*valid"></a>
8018
8019                <div class="fixedFont">
8020                 <b class="itemname">valid</b> (<a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a> <B><i>this</i></B>)
8021
8022                 </div>
8023
8024                 <div class="mdesc">
8025
8026                    <div class="short">Fires after the field has been validated with no errors.
8027
8028                 </div>
8029
8030                     <div class="long">
8031
8032                         Fires after the field has been validated with no errors.
8033
8034
8035
8036
8037
8038                                 <dl class="detailList">
8039                                 <dt class="heading">Parameters:</dt>
8040
8041                                         <dt>
8042                                                 <span class="fixedFont"><a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a></span> <b>this</b>
8043
8044                                         </dt>
8045                                         <dd></dd>
8046
8047                                 </dl>
8048
8049
8050
8051
8052
8053
8054
8055
8056
8057
8058
8059                     </div>
8060                 </div>
8061
8062             </td>
8063             <td class="msource">
8064                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
8065             </td>
8066         </tr>
8067
8068
8069     </table>
8070
8071
8072
8073
8074
8075 <!-- ============================== footer ================================= -->
8076                 <div class="fineprint" style="clear:both">
8077
8078                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 28 2016 18:00:57 GMT+0800 (HKT)
8079                         Based on
8080                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
8081                 </div>
8082         </body>
8083 </html>