git.roojs.org Git - roojs1/blob - docs/symbols/Roo.form.Field.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.Field</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.Field-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.form.Field-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.form.Field-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.form.Field-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.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
  47 <img src="../../images/default/s.gif" height="1"  width="20"/><img class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.form.Field
  48
  49                    </pre>
  50                 </div>
  51
  52 <!-- ============================== class title / details ============================ -->
  53
  54
  55     <h1 class="classTitle">
  56
  57                                 Class Roo.form.Field
  58                         </h1>
  59
  60     <table cellspacing="0" class="class-summary-table">
  61
  62                 <tr><td class="label">Package:</td><td class="hd-info">Roo.form</td></tr>
  63
  64         <tr><td class="label">Defined In:</td><td class="hd-info">
  65
  66                                         <a href="./src/Roo_form_Field.js.html">Roo/form/Field.js</a>.
  67
  68         </td></tr>
  69         <tr><td class="label">Class:</td><td class="hd-info">Field</td></tr>
  70
  71
  72
  73
  74                 <tr><td class="label">Extends:</td><td class="hd-info">
  75                         <a href="./Roo.BoxComponent.html#constructor" roo:cls="Roo.BoxComponent.html#constructor">Roo.BoxComponent</a>
  76
  77                 </td></tr>
  78
  79
  80     </table>
  81
  82
  83 <!-- ============================== class summary ========================== -->
  84     <div class="description">
  85         Base class for form fields that provides default event handling, sizing, value handling and other functionality.
  86     </div>
  87
  88
  89 <!-- ============================== Class comment block... ========================== -->
  90
  91 <div class="comments">
  92         <b>Class Comments / Notes</B> =>
  93         <u onclick="parent.CommentDialog.showCommentId = 'Roo.form.Field';">[Add Your comment/notes about this class]</u>
  94         <br/>
  95         <iframe frameborder="0"  id="comments-Roo.form" style="border: none;width:100%;"
  96                 src="/blog.php/GtkDjsComments/Roo.form.Field.html"></iframe>
  97 </div>
  98
  99
 100
 101 <!-- ============================== config options ========================== -->
 102
 103
 104
 105
 106     <div class="hr"></div>
 107     <a id="Roo.form.Field-configs"></a>
 108
 109
 110
 111
 112
 113       <table cellspacing="0" class="member-table">
 114       <caption>Config Options (Usually are also Properties)</caption>
 115
 116
 117         <tr>
 118             <th class="sig-header" colspan="2">Options</th>
 119
 120             <th class="msource-header">Defined By</th>
 121         </tr>
 122
 123
 124
 125
 126
 127                 <tr class="config-row expandable config-row-alt0 notInherited">
 128                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 129                     <td class="sig">
 130
 131                         <a id="Roo.form.Field-cfg-autoCreate" name=".autoCreate"></a>
 132                         <div class="fixedFont">
 133                                 <b  class="itemname">autoCreate</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Object
 134
 135
 136                         </div>
 137
 138                         <div class="mdesc">
 139                             <div class="short">A DomHelper element spec, or true for a default element spec (defaults to<br/>{tag: "input", type: "text", size: "20", autocomplete: "off"})</div>
 140                         </div>
 141
 142                         <div class="mdesc">
 143                             <div class="long">A DomHelper element spec, or true for a default element spec (defaults to<br/>{tag: "input", type: "text", size: "20", autocomplete: "off"})</div>
 144                         </div>
 145
 146
 147
 148                     </td>
 149                     <td class="msource">
 150
 151                         Roo.form.Field
 152
 153                     </td>
 154                 </tr>
 155
 156
 157                 <tr class="config-row expandable config-row-alt1 notInherited">
 158                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 159                     <td class="sig">
 160
 161                         <a id="Roo.form.Field-cfg-cls" name=".cls"></a>
 162                         <div class="fixedFont">
 163                                 <b  class="itemname">cls</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 164
 165
 166                         </div>
 167
 168                         <div class="mdesc">
 169                             <div class="short">A CSS class to apply to the field's underlying element.</div>
 170                         </div>
 171
 172                         <div class="mdesc">
 173                             <div class="long">A CSS class to apply to the field's underlying element.</div>
 174                         </div>
 175
 176
 177
 178                     </td>
 179                     <td class="msource">
 180
 181                         Roo.form.Field
 182
 183                     </td>
 184                 </tr>
 185
 186
 187                 <tr class="config-row expandable config-row-alt0 notInherited">
 188                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 189                     <td class="sig">
 190
 191                         <a id="Roo.form.Field-cfg-disabled" name=".disabled"></a>
 192                         <div class="fixedFont">
 193                                 <b  class="itemname">disabled</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 194
 195
 196                         </div>
 197
 198                         <div class="mdesc">
 199                             <div class="short">True to disable the field (defaults to false).</div>
 200                         </div>
 201
 202                         <div class="mdesc">
 203                             <div class="long">True to disable the field (defaults to false).</div>
 204                         </div>
 205
 206
 207
 208                     </td>
 209                     <td class="msource">
 210
 211                         Roo.form.Field
 212
 213                     </td>
 214                 </tr>
 215
 216
 217                 <tr class="config-row expandable config-row-alt1 notInherited">
 218                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 219                     <td class="sig">
 220
 221                         <a id="Roo.form.Field-cfg-fieldClass" name=".fieldClass"></a>
 222                         <div class="fixedFont">
 223                                 <b  class="itemname">fieldClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 224
 225
 226                         </div>
 227
 228                         <div class="mdesc">
 229                             <div class="short">The default CSS class for the field (defaults to "x-form-field")</div>
 230                         </div>
 231
 232                         <div class="mdesc">
 233                             <div class="long">The default CSS class for the field (defaults to "x-form-field")</div>
 234                         </div>
 235
 236
 237
 238                     </td>
 239                     <td class="msource">
 240
 241                         Roo.form.Field
 242
 243                     </td>
 244                 </tr>
 245
 246
 247                 <tr class="config-row expandable config-row-alt0 notInherited">
 248                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 249                     <td class="sig">
 250
 251                         <a id="Roo.form.Field-cfg-fieldLabel" name=".fieldLabel"></a>
 252                         <div class="fixedFont">
 253                                 <b  class="itemname">fieldLabel</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 254
 255
 256                         </div>
 257
 258                         <div class="mdesc">
 259                             <div class="short">Label to use when rendering a form.</div>
 260                         </div>
 261
 262                         <div class="mdesc">
 263                             <div class="long">Label to use when rendering a form.</div>
 264                         </div>
 265
 266
 267
 268                     </td>
 269                     <td class="msource">
 270
 271                         Roo.form.Field
 272
 273                     </td>
 274                 </tr>
 275
 276
 277                 <tr class="config-row expandable config-row-alt1 notInherited">
 278                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 279                     <td class="sig">
 280
 281                         <a id="Roo.form.Field-cfg-focusClass" name=".focusClass"></a>
 282                         <div class="fixedFont">
 283                                 <b  class="itemname">focusClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 284
 285
 286                         </div>
 287
 288                         <div class="mdesc">
 289                             <div class="short">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 290                         </div>
 291
 292                         <div class="mdesc">
 293                             <div class="long">The CSS class to use when the field receives focus (defaults to "x-form-focus")</div>
 294                         </div>
 295
 296
 297
 298                     </td>
 299                     <td class="msource">
 300
 301                         Roo.form.Field
 302
 303                     </td>
 304                 </tr>
 305
 306
 307                 <tr class="config-row expandable config-row-alt0 notInherited">
 308                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 309                     <td class="sig">
 310
 311                         <a id="Roo.form.Field-cfg-inputType" name=".inputType"></a>
 312                         <div class="fixedFont">
 313                                 <b  class="itemname">inputType</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 314
 315
 316                         </div>
 317
 318                         <div class="mdesc">
 319                             <div class="short">The type attribute for input fields -- e.g.</div>
 320                         </div>
 321
 322                         <div class="mdesc">
 323                             <div class="long">The type attribute for input fields -- e.g. radio, text, password (defaults to "text").</div>
 324                         </div>
 325
 326
 327
 328                     </td>
 329                     <td class="msource">
 330
 331                         Roo.form.Field
 332
 333                     </td>
 334                 </tr>
 335
 336
 337                 <tr class="config-row expandable config-row-alt1 notInherited">
 338                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 339                     <td class="sig">
 340
 341                         <a id="Roo.form.Field-cfg-invalidClass" name=".invalidClass"></a>
 342                         <div class="fixedFont">
 343                                 <b  class="itemname">invalidClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 344
 345
 346                         </div>
 347
 348                         <div class="mdesc">
 349                             <div class="short">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
 350                         </div>
 351
 352                         <div class="mdesc">
 353                             <div class="long">The CSS class to use when marking a field invalid (defaults to "x-form-invalid")</div>
 354                         </div>
 355
 356
 357
 358                     </td>
 359                     <td class="msource">
 360
 361                         Roo.form.Field
 362
 363                     </td>
 364                 </tr>
 365
 366
 367                 <tr class="config-row expandable config-row-alt0 notInherited">
 368                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 369                     <td class="sig">
 370
 371                         <a id="Roo.form.Field-cfg-invalidText" name=".invalidText"></a>
 372                         <div class="fixedFont">
 373                                 <b  class="itemname">invalidText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 374
 375
 376                         </div>
 377
 378                         <div class="mdesc">
 379                             <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>
 380                         </div>
 381
 382                         <div class="mdesc">
 383                             <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>
 384                         </div>
 385
 386
 387
 388                     </td>
 389                     <td class="msource">
 390
 391                         Roo.form.Field
 392
 393                     </td>
 394                 </tr>
 395
 396
 397                 <tr class="config-row expandable config-row-alt1 notInherited">
 398                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 399                     <td class="sig">
 400
 401                         <a id="Roo.form.Field-cfg-msgFx" name=".msgFx"></a>
 402                         <div class="fixedFont">
 403                                 <b  class="itemname">msgFx</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 404
 405
 406                         </div>
 407
 408                         <div class="mdesc">
 409                             <div class="short"><b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').</div>
 410                         </div>
 411
 412                         <div class="mdesc">
 413                             <div class="long"><b>Experimental</b> The effect used when displaying a validation message under the field (defaults to 'normal').</div>
 414                         </div>
 415
 416
 417
 418                     </td>
 419                     <td class="msource">
 420
 421                         Roo.form.Field
 422
 423                     </td>
 424                 </tr>
 425
 426
 427                 <tr class="config-row expandable config-row-alt0 notInherited">
 428                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 429                     <td class="sig">
 430
 431                         <a id="Roo.form.Field-cfg-msgTarget" name=".msgTarget"></a>
 432                         <div class="fixedFont">
 433                                 <b  class="itemname">msgTarget</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 434
 435
 436                         </div>
 437
 438                         <div class="mdesc">
 439                             <div class="short">The location where error text should display.</div>
 440                         </div>
 441
 442                         <div class="mdesc">
 443                             <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>
 444                         </div>
 445
 446
 447
 448                     </td>
 449                     <td class="msource">
 450
 451                         Roo.form.Field
 452
 453                     </td>
 454                 </tr>
 455
 456
 457                 <tr class="config-row expandable config-row-alt1 notInherited">
 458                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 459                     <td class="sig">
 460
 461                         <a id="Roo.form.Field-cfg-name" name=".name"></a>
 462                         <div class="fixedFont">
 463                                 <b  class="itemname">name</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 464
 465
 466                         </div>
 467
 468                         <div class="mdesc">
 469                             <div class="short">The field's HTML name attribute.</div>
 470                         </div>
 471
 472                         <div class="mdesc">
 473                             <div class="long">The field's HTML name attribute.</div>
 474                         </div>
 475
 476
 477
 478                     </td>
 479                     <td class="msource">
 480
 481                         Roo.form.Field
 482
 483                     </td>
 484                 </tr>
 485
 486
 487                 <tr class="config-row expandable config-row-alt0 notInherited">
 488                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 489                     <td class="sig">
 490
 491                         <a id="Roo.form.Field-cfg-qtip" name=".qtip"></a>
 492                         <div class="fixedFont">
 493                                 <b  class="itemname">qtip</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 494
 495
 496                         </div>
 497
 498                         <div class="mdesc">
 499                             <div class="short">Mouse over tip</div>
 500                         </div>
 501
 502                         <div class="mdesc">
 503                             <div class="long">Mouse over tip</div>
 504                         </div>
 505
 506
 507
 508                     </td>
 509                     <td class="msource">
 510
 511                         Roo.form.Field
 512
 513                     </td>
 514                 </tr>
 515
 516
 517                 <tr class="config-row expandable config-row-alt1 notInherited">
 518                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 519                     <td class="sig">
 520
 521                         <a id="Roo.form.Field-cfg-readOnly" name=".readOnly"></a>
 522                         <div class="fixedFont">
 523                                 <b  class="itemname">readOnly</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 524
 525
 526                         </div>
 527
 528                         <div class="mdesc">
 529                             <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>
 530                         </div>
 531
 532                         <div class="mdesc">
 533                             <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>
 534                         </div>
 535
 536
 537
 538                     </td>
 539                     <td class="msource">
 540
 541                         Roo.form.Field
 542
 543                     </td>
 544                 </tr>
 545
 546
 547                 <tr class="config-row expandable config-row-alt0 notInherited">
 548                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 549                     <td class="sig">
 550
 551                         <a id="Roo.form.Field-cfg-tabIndex" name=".tabIndex"></a>
 552                         <div class="fixedFont">
 553                                 <b  class="itemname">tabIndex</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 554
 555
 556                         </div>
 557
 558                         <div class="mdesc">
 559                             <div class="short">The tabIndex for this field.</div>
 560                         </div>
 561
 562                         <div class="mdesc">
 563                             <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>
 564                         </div>
 565
 566
 567
 568                     </td>
 569                     <td class="msource">
 570
 571                         Roo.form.Field
 572
 573                     </td>
 574                 </tr>
 575
 576
 577                 <tr class="config-row expandable config-row-alt1 notInherited">
 578                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 579                     <td class="sig">
 580
 581                         <a id="Roo.form.Field-cfg-validateOnBlur" name=".validateOnBlur"></a>
 582                         <div class="fixedFont">
 583                                 <b  class="itemname">validateOnBlur</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 584
 585
 586                         </div>
 587
 588                         <div class="mdesc">
 589                             <div class="short">Whether the field should validate when it loses focus (defaults to true).</div>
 590                         </div>
 591
 592                         <div class="mdesc">
 593                             <div class="long">Whether the field should validate when it loses focus (defaults to true).</div>
 594                         </div>
 595
 596
 597
 598                     </td>
 599                     <td class="msource">
 600
 601                         Roo.form.Field
 602
 603                     </td>
 604                 </tr>
 605
 606
 607                 <tr class="config-row expandable config-row-alt0 notInherited">
 608                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 609                     <td class="sig">
 610
 611                         <a id="Roo.form.Field-cfg-validationDelay" name=".validationDelay"></a>
 612                         <div class="fixedFont">
 613                                 <b  class="itemname">validationDelay</b> : <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
 614
 615
 616                         </div>
 617
 618                         <div class="mdesc">
 619                             <div class="short">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
 620                         </div>
 621
 622                         <div class="mdesc">
 623                             <div class="long">The length of time in milliseconds after user input begins until validation is initiated (defaults to 250)</div>
 624                         </div>
 625
 626
 627
 628                     </td>
 629                     <td class="msource">
 630
 631                         Roo.form.Field
 632
 633                     </td>
 634                 </tr>
 635
 636
 637                 <tr class="config-row expandable config-row-alt1 notInherited">
 638                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 639                     <td class="sig">
 640
 641                         <a id="Roo.form.Field-cfg-validationEvent" name=".validationEvent"></a>
 642                         <div class="fixedFont">
 643                                 <b  class="itemname">validationEvent</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/Boolean
 644
 645
 646                         </div>
 647
 648                         <div class="mdesc">
 649                             <div class="short">The event that should initiate field validation.</div>
 650                         </div>
 651
 652                         <div class="mdesc">
 653                             <div class="long">The event that should initiate field validation. Set to false to disable<br/>      automatic validation (defaults to "keyup").</div>
 654                         </div>
 655
 656
 657
 658                     </td>
 659                     <td class="msource">
 660
 661                         Roo.form.Field
 662
 663                     </td>
 664                 </tr>
 665
 666
 667                 <tr class="config-row expandable config-row-alt0 notInherited">
 668                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 669                     <td class="sig">
 670
 671                         <a id="Roo.form.Field-cfg-value" name=".value"></a>
 672                         <div class="fixedFont">
 673                                 <b  class="itemname">value</b> : Mixed
 674
 675
 676                         </div>
 677
 678                         <div class="mdesc">
 679                             <div class="short">A value to initialize this field with.</div>
 680                         </div>
 681
 682                         <div class="mdesc">
 683                             <div class="long">A value to initialize this field with.</div>
 684                         </div>
 685
 686
 687
 688                     </td>
 689                     <td class="msource">
 690
 691                         Roo.form.Field
 692
 693                     </td>
 694                 </tr>
 695
 696
 697     </table>
 698
 699
 700
 701
 702
 703
 704
 705
 706
 707   <!-- ============================== public properties ==================== -->
 708
 709
 710
 711     <a id="Roo.form.Field-props"></a>
 712
 713
 714
 715
 716
 717      <table cellspacing="0" class="member-table">
 718       <caption class="Empty">Public Properties - Has None</caption>
 719      </table>
 720
 721
 722
 723
 724   <!-- ============================== methods summary / details ======================== -->
 725
 726
 727   <a id="Roo.form.Field-methods"></a>
 728         <!-- constructor?? -->
 729
 730         <!-- static's first
 731
 732
 733         -->
 734
 735         <!-- then dynamics first -->
 736
 737
 738
 739
 740
 741
 742       <table cellspacing="0" class="member-table">
 743       <caption>Public Methods</caption>
 744         <tr>
 745             <th class="sig-header" colspan="2">Method</th>
 746             <th class="msource-header">Defined By</th>
 747
 748         </tr>
 749
 750
 751
 752
 753
 754
 755
 756           <tr class="method-row config-row-alt0 expandable notInherited">
 757             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 758
 759
 760             <td class="sig">
 761                 <a id="Roo.form-method-Field"   name=".Field"></a>
 762                 <div class="fixedFont">
 763                         <span class="attributes">new <B>Roo.form.</B></span><b class="itemname">Field</b>
 764
 765                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
 766
 767
 768
 769                 </div>
 770                 <div class="mdesc">
 771
 772
 773                         <div class="short">Create a new Roo.form.Field</div>
 774
 775
 776                     <div class="long">
 777
 778
 779
 780                                 Create a new Roo.form.Field
 781
 782
 783                                 <dl class="detailList">
 784                                 <dt class="heading">Parameters:</dt>
 785
 786                                         <dt>
 787                                                 <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>
 788
 789                                         </dt>
 790                                         <dd>Configuration options</dd>
 791
 792                                 </dl>
 793
 794
 795
 796
 797
 798
 799
 800
 801
 802
 803
 804                     </div>
 805                 </div>
 806
 807             </td>
 808             <td class="msource">
 809                 &nbsp;
 810             </td>
 811         </tr>
 812
 813
 814           <tr class="method-row config-row-alt1 expandable notInherited">
 815             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 816
 817
 818             <td class="sig">
 819                 <a id="Roo.form.Field-method-applyTo"   name=".applyTo"></a>
 820                 <div class="fixedFont">
 821                         <span class="attributes"></span><b class="itemname">applyTo</b>
 822
 823                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element <B><i>el</i></B>)
 824
 825
 826                                          :
 827
 828
 829                                                 <a href="./Roo.form.Field.html#constructor" roo:cls="Roo.form.Field.html#constructor">Roo.form.Field</a>
 830
 831
 832
 833
 834
 835                 </div>
 836                 <div class="mdesc">
 837
 838                    <div class="short">Apply the behaviors of this component to an existing element.</div>
 839
 840
 841
 842                     <div class="long">
 843
 844                                 Apply the behaviors of this component to an existing element. <b>This is used instead of render().</b>
 845
 846
 847
 848
 849
 850
 851                                 <dl class="detailList">
 852                                 <dt class="heading">Parameters:</dt>
 853
 854                                         <dt>
 855                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>/HTMLElement/Element</span>  <b>el</b>
 856
 857                                         </dt>
 858                                         <dd>The id of the node, a DOM node or an existing Element</dd>
 859
 860                                 </dl>
 861
 862
 863
 864
 865
 866                                 <dl class="detailList">
 867                                 <dt class="heading">Returns:</dt>
 868
 869                                         <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>
 870
 871                                 </dl>
 872
 873
 874
 875
 876
 877
 878
 879                     </div>
 880                 </div>
 881
 882             </td>
 883             <td class="msource">
 884
 885                         Roo.form.Field
 886                 &nbsp;
 887             </td>
 888         </tr>
 889
 890
 891           <tr class="method-row config-row-alt0 expandable notInherited">
 892             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 893
 894
 895             <td class="sig">
 896                 <a id="Roo.form.Field-method-clearInvalid"   name=".clearInvalid"></a>
 897                 <div class="fixedFont">
 898                         <span class="attributes"></span><b class="itemname">clearInvalid</b>
 899
 900                                  ()
 901
 902
 903
 904                 </div>
 905                 <div class="mdesc">
 906
 907                    <div class="short">Clear any invalid styles/messages for this field</div>
 908
 909
 910
 911                     <div class="long">
 912
 913                                 Clear any invalid styles/messages for this field
 914
 915
 916
 917
 918
 919
 920
 921
 922
 923
 924
 925
 926
 927
 928
 929
 930                     </div>
 931                 </div>
 932
 933             </td>
 934             <td class="msource">
 935
 936                         Roo.form.Field
 937                 &nbsp;
 938             </td>
 939         </tr>
 940
 941
 942           <tr class="method-row config-row-alt1 expandable notInherited">
 943             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 944
 945
 946             <td class="sig">
 947                 <a id="Roo.form.Field-method-getName"   name=".getName"></a>
 948                 <div class="fixedFont">
 949                         <span class="attributes"></span><b class="itemname">getName</b>
 950
 951                                  ()
 952
 953
 954                                          :
 955
 956
 957                                                 <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 958
 959
 960
 961
 962
 963                 </div>
 964                 <div class="mdesc">
 965
 966                    <div class="short">Returns the name attribute of the field if available</div>
 967
 968
 969
 970                     <div class="long">
 971
 972                                 Returns the name attribute of the field if available
 973
 974
 975
 976
 977
 978
 979
 980
 981
 982
 983                                 <dl class="detailList">
 984                                 <dt class="heading">Returns:</dt>
 985
 986                                         <dd><span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  name The field name</dd>
 987
 988                                 </dl>
 989
 990
 991
 992
 993
 994
 995
 996                     </div>
 997                 </div>
 998
 999             </td>
1000             <td class="msource">
1001
1002                         Roo.form.Field
1003                 &nbsp;
1004             </td>
1005         </tr>
1006
1007
1008           <tr class="method-row config-row-alt0 expandable notInherited">
1009             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1010
1011
1012             <td class="sig">
1013                 <a id="Roo.form.Field-method-getRawValue"   name=".getRawValue"></a>
1014                 <div class="fixedFont">
1015                         <span class="attributes"></span><b class="itemname">getRawValue</b>
1016
1017                                  ()
1018
1019
1020                                          :
1021
1022
1023                                                 Mixed
1024
1025
1026
1027
1028
1029                 </div>
1030                 <div class="mdesc">
1031
1032                    <div class="short">Returns the raw data value which may or may not be a valid, defined value.</div>
1033
1034
1035
1036                     <div class="long">
1037
1038                                 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>}.
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049                                 <dl class="detailList">
1050                                 <dt class="heading">Returns:</dt>
1051
1052                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
1053
1054                                 </dl>
1055
1056
1057
1058
1059
1060
1061
1062                     </div>
1063                 </div>
1064
1065             </td>
1066             <td class="msource">
1067
1068                         Roo.form.Field
1069                 &nbsp;
1070             </td>
1071         </tr>
1072
1073
1074           <tr class="method-row config-row-alt1 expandable notInherited">
1075             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1076
1077
1078             <td class="sig">
1079                 <a id="Roo.form.Field-method-getValue"   name=".getValue"></a>
1080                 <div class="fixedFont">
1081                         <span class="attributes"></span><b class="itemname">getValue</b>
1082
1083                                  ()
1084
1085
1086                                          :
1087
1088
1089                                                 Mixed
1090
1091
1092
1093
1094
1095                 </div>
1096                 <div class="mdesc">
1097
1098                    <div class="short">Returns the normalized data value (undefined or emptyText will be returned as '').</div>
1099
1100
1101
1102                     <div class="long">
1103
1104                                 Returns the normalized data value (undefined or emptyText will be returned as '').  To return the raw value see {<b>link</b> <b>getRawValue</b>}.
1105
1106
1107
1108
1109
1110
1111
1112
1113
1114
1115                                 <dl class="detailList">
1116                                 <dt class="heading">Returns:</dt>
1117
1118                                         <dd><span class="fixedFont">Mixed</span>  value The field value</dd>
1119
1120                                 </dl>
1121
1122
1123
1124
1125
1126
1127
1128                     </div>
1129                 </div>
1130
1131             </td>
1132             <td class="msource">
1133
1134                         Roo.form.Field
1135                 &nbsp;
1136             </td>
1137         </tr>
1138
1139
1140           <tr class="method-row config-row-alt0 expandable notInherited">
1141             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1142
1143
1144             <td class="sig">
1145                 <a id="Roo.form.Field-method-isDirty"   name=".isDirty"></a>
1146                 <div class="fixedFont">
1147                         <span class="attributes"></span><b class="itemname">isDirty</b>
1148
1149                                  ()
1150
1151
1152
1153                 </div>
1154                 <div class="mdesc">
1155
1156                    <div class="short">Returns true if this field has been changed since it was originally loaded and is not disabled.</div>
1157
1158
1159
1160                     <div class="long">
1161
1162                                 Returns true if this field has been changed since it was originally loaded and is not disabled.
1163
1164
1165
1166
1167
1168
1169
1170
1171
1172
1173
1174
1175
1176
1177
1178
1179                     </div>
1180                 </div>
1181
1182             </td>
1183             <td class="msource">
1184
1185                         Roo.form.Field
1186                 &nbsp;
1187             </td>
1188         </tr>
1189
1190
1191           <tr class="method-row config-row-alt1 expandable notInherited">
1192             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1193
1194
1195             <td class="sig">
1196                 <a id="Roo.form.Field-method-isValid"   name=".isValid"></a>
1197                 <div class="fixedFont">
1198                         <span class="attributes"></span><b class="itemname">isValid</b>
1199
1200                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>preventMark</i></B>)
1201
1202
1203                                          :
1204
1205
1206                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1207
1208
1209
1210
1211
1212                 </div>
1213                 <div class="mdesc">
1214
1215                    <div class="short">Returns whether or not the field value is currently valid</div>
1216
1217
1218
1219                     <div class="long">
1220
1221                                 Returns whether or not the field value is currently valid
1222
1223
1224
1225
1226
1227
1228                                 <dl class="detailList">
1229                                 <dt class="heading">Parameters:</dt>
1230
1231                                         <dt>
1232                                                 <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>
1233
1234                                         </dt>
1235                                         <dd>True to disable marking the field invalid</dd>
1236
1237                                 </dl>
1238
1239
1240
1241
1242
1243                                 <dl class="detailList">
1244                                 <dt class="heading">Returns:</dt>
1245
1246                                         <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>
1247
1248                                 </dl>
1249
1250
1251
1252
1253
1254
1255
1256                     </div>
1257                 </div>
1258
1259             </td>
1260             <td class="msource">
1261
1262                         Roo.form.Field
1263                 &nbsp;
1264             </td>
1265         </tr>
1266
1267
1268           <tr class="method-row config-row-alt0 expandable notInherited">
1269             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1270
1271
1272             <td class="sig">
1273                 <a id="Roo.form.Field-method-markInvalid"   name=".markInvalid"></a>
1274                 <div class="fixedFont">
1275                         <span class="attributes"></span><b class="itemname">markInvalid</b>
1276
1277                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>msg</i></B>)
1278
1279
1280
1281                 </div>
1282                 <div class="mdesc">
1283
1284                    <div class="short">Mark this field as invalid</div>
1285
1286
1287
1288                     <div class="long">
1289
1290                                 Mark this field as invalid
1291
1292
1293
1294
1295
1296
1297                                 <dl class="detailList">
1298                                 <dt class="heading">Parameters:</dt>
1299
1300                                         <dt>
1301                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>msg</b>
1302
1303                                         </dt>
1304                                         <dd>The validation message</dd>
1305
1306                                 </dl>
1307
1308
1309
1310
1311
1312
1313
1314
1315
1316
1317
1318                     </div>
1319                 </div>
1320
1321             </td>
1322             <td class="msource">
1323
1324                         Roo.form.Field
1325                 &nbsp;
1326             </td>
1327         </tr>
1328
1329
1330           <tr class="method-row config-row-alt1 expandable notInherited">
1331             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1332
1333
1334             <td class="sig">
1335                 <a id="Roo.form.Field-method-reset"   name=".reset"></a>
1336                 <div class="fixedFont">
1337                         <span class="attributes"></span><b class="itemname">reset</b>
1338
1339                                  ()
1340
1341
1342
1343                 </div>
1344                 <div class="mdesc">
1345
1346                    <div class="short">Resets the current field value to the originally loaded value and clears any validation messages</div>
1347
1348
1349
1350                     <div class="long">
1351
1352                                 Resets the current field value to the originally loaded value and clears any validation messages
1353
1354
1355
1356
1357
1358
1359
1360
1361
1362
1363
1364
1365
1366
1367
1368
1369                     </div>
1370                 </div>
1371
1372             </td>
1373             <td class="msource">
1374
1375                         Roo.form.Field
1376                 &nbsp;
1377             </td>
1378         </tr>
1379
1380
1381           <tr class="method-row config-row-alt0 expandable notInherited">
1382             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1383
1384
1385             <td class="sig">
1386                 <a id="Roo.form.Field-method-setRawValue"   name=".setRawValue"></a>
1387                 <div class="fixedFont">
1388                         <span class="attributes"></span><b class="itemname">setRawValue</b>
1389
1390                                  (Mixed <B><i>value</i></B>)
1391
1392
1393
1394                 </div>
1395                 <div class="mdesc">
1396
1397                    <div class="short">Sets the underlying DOM field's value directly, bypassing validation.</div>
1398
1399
1400
1401                     <div class="long">
1402
1403                                 Sets the underlying DOM field's value directly, bypassing validation.  To set the value with validation see {<b>link</b> <b>setValue</b>}.
1404
1405
1406
1407
1408
1409
1410                                 <dl class="detailList">
1411                                 <dt class="heading">Parameters:</dt>
1412
1413                                         <dt>
1414                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
1415
1416                                         </dt>
1417                                         <dd>The value to set</dd>
1418
1419                                 </dl>
1420
1421
1422
1423
1424
1425
1426
1427
1428
1429
1430
1431                     </div>
1432                 </div>
1433
1434             </td>
1435             <td class="msource">
1436
1437                         Roo.form.Field
1438                 &nbsp;
1439             </td>
1440         </tr>
1441
1442
1443           <tr class="method-row config-row-alt1 expandable notInherited">
1444             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1445
1446
1447             <td class="sig">
1448                 <a id="Roo.form.Field-method-setValue"   name=".setValue"></a>
1449                 <div class="fixedFont">
1450                         <span class="attributes"></span><b class="itemname">setValue</b>
1451
1452                                  (Mixed <B><i>value</i></B>)
1453
1454
1455
1456                 </div>
1457                 <div class="mdesc">
1458
1459                    <div class="short">Sets a data value into the field and validates it.</div>
1460
1461
1462
1463                     <div class="long">
1464
1465                                 Sets a data value into the field and validates it.  To set the value directly without validation see {<b>link</b> <b>setRawValue</b>}.
1466
1467
1468
1469
1470
1471
1472                                 <dl class="detailList">
1473                                 <dt class="heading">Parameters:</dt>
1474
1475                                         <dt>
1476                                                 <span class="fixedFont">Mixed</span>  <b>value</b>
1477
1478                                         </dt>
1479                                         <dd>The value to set</dd>
1480
1481                                 </dl>
1482
1483
1484
1485
1486
1487
1488
1489
1490
1491
1492
1493                     </div>
1494                 </div>
1495
1496             </td>
1497             <td class="msource">
1498
1499                         Roo.form.Field
1500                 &nbsp;
1501             </td>
1502         </tr>
1503
1504
1505           <tr class="method-row config-row-alt0 expandable notInherited">
1506             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1507
1508
1509             <td class="sig">
1510                 <a id="Roo.form.Field-method-validate"   name=".validate"></a>
1511                 <div class="fixedFont">
1512                         <span class="attributes"></span><b class="itemname">validate</b>
1513
1514                                  ()
1515
1516
1517                                          :
1518
1519
1520                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1521
1522
1523
1524
1525
1526                 </div>
1527                 <div class="mdesc">
1528
1529                    <div class="short">Validates the field value</div>
1530
1531
1532
1533                     <div class="long">
1534
1535                                 Validates the field value
1536
1537
1538
1539
1540
1541
1542
1543
1544
1545
1546                                 <dl class="detailList">
1547                                 <dt class="heading">Returns:</dt>
1548
1549                                         <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>
1550
1551                                 </dl>
1552
1553
1554
1555
1556
1557
1558
1559                     </div>
1560                 </div>
1561
1562             </td>
1563             <td class="msource">
1564
1565                         Roo.form.Field
1566                 &nbsp;
1567             </td>
1568         </tr>
1569
1570
1571     </table>
1572
1573
1574   <!-- ============================== events summary / details ======================== -->
1575
1576
1577   <a id="Roo.form.Field-events"></a>
1578
1579
1580
1581
1582
1583
1584
1585
1586       <table cellspacing="0" class="member-table">
1587                 <caption>Events</caption>
1588               <thead>
1589                 <tr>
1590                     <th class="sig-header" colspan="2">Event</th>
1591                     <th class="msource-header">Defined By</th>
1592
1593                 </tr>
1594               </thead>
1595
1596
1597
1598
1599
1600           <tr class="method-row expandable config-row-alt0 notInherited">
1601             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1602
1603             <td class="sig">
1604                 <a id="Roo.form.Field-event-*blur"></a>
1605
1606                <div class="fixedFont">
1607                 <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>)
1608
1609                 </div>
1610
1611                 <div class="mdesc">
1612
1613                    <div class="short">Fires when this field loses input focus.
1614
1615                 </div>
1616
1617                     <div class="long">
1618
1619                         Fires when this field loses input focus.
1620
1621
1622
1623
1624
1625                                 <dl class="detailList">
1626                                 <dt class="heading">Parameters:</dt>
1627
1628                                         <dt>
1629                                                 <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>
1630
1631                                         </dt>
1632                                         <dd></dd>
1633
1634                                 </dl>
1635
1636
1637
1638
1639
1640
1641
1642
1643
1644
1645
1646                     </div>
1647                 </div>
1648
1649             </td>
1650             <td class="msource">
1651                 Roo.form.Field
1652             </td>
1653         </tr>
1654
1655           <tr class="method-row expandable config-row-alt1 notInherited">
1656             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1657
1658             <td class="sig">
1659                 <a id="Roo.form.Field-event-*change"></a>
1660
1661                <div class="fixedFont">
1662                 <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>)
1663
1664                 </div>
1665
1666                 <div class="mdesc">
1667
1668                    <div class="short">Fires just before the field blurs if the field value has changed.
1669
1670                 </div>
1671
1672                     <div class="long">
1673
1674                         Fires just before the field blurs if the field value has changed.
1675
1676
1677
1678
1679
1680                                 <dl class="detailList">
1681                                 <dt class="heading">Parameters:</dt>
1682
1683                                         <dt>
1684                                                 <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>
1685
1686                                         </dt>
1687                                         <dd></dd>
1688
1689                                         <dt>
1690                                                 <span class="fixedFont">Mixed</span> <b>newValue</b>
1691
1692                                         </dt>
1693                                         <dd>The new value</dd>
1694
1695                                         <dt>
1696                                                 <span class="fixedFont">Mixed</span> <b>oldValue</b>
1697
1698                                         </dt>
1699                                         <dd>The original value</dd>
1700
1701                                 </dl>
1702
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713                     </div>
1714                 </div>
1715
1716             </td>
1717             <td class="msource">
1718                 Roo.form.Field
1719             </td>
1720         </tr>
1721
1722           <tr class="method-row expandable config-row-alt0 notInherited">
1723             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1724
1725             <td class="sig">
1726                 <a id="Roo.form.Field-event-*focus"></a>
1727
1728                <div class="fixedFont">
1729                 <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>)
1730
1731                 </div>
1732
1733                 <div class="mdesc">
1734
1735                    <div class="short">Fires when this field receives input focus.
1736
1737                 </div>
1738
1739                     <div class="long">
1740
1741                         Fires when this field receives input focus.
1742
1743
1744
1745
1746
1747                                 <dl class="detailList">
1748                                 <dt class="heading">Parameters:</dt>
1749
1750                                         <dt>
1751                                                 <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>
1752
1753                                         </dt>
1754                                         <dd></dd>
1755
1756                                 </dl>
1757
1758
1759
1760
1761
1762
1763
1764
1765
1766
1767
1768                     </div>
1769                 </div>
1770
1771             </td>
1772             <td class="msource">
1773                 Roo.form.Field
1774             </td>
1775         </tr>
1776
1777           <tr class="method-row expandable config-row-alt1 notInherited">
1778             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1779
1780             <td class="sig">
1781                 <a id="Roo.form.Field-event-*invalid"></a>
1782
1783                <div class="fixedFont">
1784                 <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>)
1785
1786                 </div>
1787
1788                 <div class="mdesc">
1789
1790                    <div class="short">Fires after the field has been marked as invalid.
1791
1792                 </div>
1793
1794                     <div class="long">
1795
1796                         Fires after the field has been marked as invalid.
1797
1798
1799
1800
1801
1802                                 <dl class="detailList">
1803                                 <dt class="heading">Parameters:</dt>
1804
1805                                         <dt>
1806                                                 <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>
1807
1808                                         </dt>
1809                                         <dd></dd>
1810
1811                                         <dt>
1812                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span> <b>msg</b>
1813
1814                                         </dt>
1815                                         <dd>The validation message</dd>
1816
1817                                 </dl>
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829                     </div>
1830                 </div>
1831
1832             </td>
1833             <td class="msource">
1834                 Roo.form.Field
1835             </td>
1836         </tr>
1837
1838           <tr class="method-row expandable config-row-alt0 notInherited">
1839             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1840
1841             <td class="sig">
1842                 <a id="Roo.form.Field-event-*specialkey"></a>
1843
1844                <div class="fixedFont">
1845                 <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>)
1846
1847                 </div>
1848
1849                 <div class="mdesc">
1850
1851                    <div class="short">Fires when any key related to navigation (arrows, tab, enter, esc, etc.
1852
1853                 </div>
1854
1855                     <div class="long">
1856
1857                         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.
1858
1859
1860
1861
1862
1863                                 <dl class="detailList">
1864                                 <dt class="heading">Parameters:</dt>
1865
1866                                         <dt>
1867                                                 <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>
1868
1869                                         </dt>
1870                                         <dd></dd>
1871
1872                                         <dt>
1873                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
1874
1875                                         </dt>
1876                                         <dd>The event object</dd>
1877
1878                                 </dl>
1879
1880
1881
1882
1883
1884
1885
1886
1887
1888
1889
1890                     </div>
1891                 </div>
1892
1893             </td>
1894             <td class="msource">
1895                 Roo.form.Field
1896             </td>
1897         </tr>
1898
1899           <tr class="method-row expandable config-row-alt1 notInherited">
1900             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1901
1902             <td class="sig">
1903                 <a id="Roo.form.Field-event-*valid"></a>
1904
1905                <div class="fixedFont">
1906                 <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>)
1907
1908                 </div>
1909
1910                 <div class="mdesc">
1911
1912                    <div class="short">Fires after the field has been validated with no errors.
1913
1914                 </div>
1915
1916                     <div class="long">
1917
1918                         Fires after the field has been validated with no errors.
1919
1920
1921
1922
1923
1924                                 <dl class="detailList">
1925                                 <dt class="heading">Parameters:</dt>
1926
1927                                         <dt>
1928                                                 <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>
1929
1930                                         </dt>
1931                                         <dd></dd>
1932
1933                                 </dl>
1934
1935
1936
1937
1938
1939
1940
1941
1942
1943
1944
1945                     </div>
1946                 </div>
1947
1948             </td>
1949             <td class="msource">
1950                 Roo.form.Field
1951             </td>
1952         </tr>
1953
1954
1955     </table>
1956
1957
1958
1959
1960
1961 <!-- ============================== footer ================================= -->
1962                 <div class="fineprint" style="clear:both">
1963
1964                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Fri Jul 16 2010 15:55:27 GMT+0800 (HKT)
1965                         Based on
1966                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
1967                 </div>
1968         </body>
1969 </html>