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