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