git.roojs.org Git - roojs1/blob - docs/symbols/Roo.View.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.View</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.View-props"><img src="resources/s.gif" class="item-icon icon-prop">Properties</a>
  35         <a class="inner-link" href="#Roo.View-methods"><img src="resources/s.gif" class="item-icon icon-method">Methods</a>
  36         <a class="inner-link" href="#Roo.View-events"><img src="resources/s.gif" class="item-icon icon-event">Events</a>
  37         <a class="inner-link" href="#Roo.View-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 class="elbow" src="../../images/default/tree/elbow-end.gif"/>Roo.View
  48
  49                    </pre>
  50                 </div>
  51
  52 <!-- ============================== class title / details ============================ -->
  53
  54
  55     <h1 class="classTitle">
  56
  57                                 Class Roo.View
  58                         </h1>
  59
  60     <table cellspacing="0" class="class-summary-table">
  61
  62                 <tr><td class="label">Package:</td><td class="hd-info">Roo</td></tr>
  63
  64         <tr><td class="label">Defined In:</td><td class="hd-info">
  65
  66                                         <a href="./src/Roo_View.js.html">Roo/View.js</a>.
  67
  68         </td></tr>
  69         <tr><td class="label">Class:</td><td class="hd-info">View</td></tr>
  70
  71
  72         <tr><td class="label">Subclasses:</td><td class="hd-info">
  73                 <a href="./Roo.JsonView.html#constructor" roo:cls="Roo.JsonView.html#constructor">Roo.JsonView</a>
  74
  75
  76
  77         </td></tr>
  78
  79
  80
  81                 <tr><td class="label">Extends:</td><td class="hd-info">
  82                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
  83
  84                 </td></tr>
  85
  86
  87     </table>
  88
  89
  90 <!-- ============================== class summary ========================== -->
  91     <div class="description">
  92         Create a "View" for an element based on a data model or UpdateManager and the supplied DomHelper template. <br/>This class also supports single and multi selection modes. <br><br/>Create a data model bound view:<br/> <pre><code><br/> var store = new Roo.data.Store(...);<br/><br/> var view = new Roo.View({<br/>    el : "my-element",<br/>    tpl : '&lt;div id="{0}"&gt;{2} - {1}&lt;/div&gt;', // auto create template<br/> <br/>    singleSelect: true,<br/>    selectedClass: "ydataview-selected",<br/>    store: store<br/> });<br/><br/> // listen for node click?<br/> view.on("click", function(vw, index, node, e){<br/> alert('Node "' + node.id + '" at index: ' + index + " was clicked.");<br/> });<br/><br/> // load XML data<br/> dataModel.load("foobar.xml");<br/> </code></pre><br/> For an example of creating a JSON/UpdateManager view, see {<b>link</b> Roo.JsonView}.<br/><br><br><br/><b>Note: The root of your template must be a single node. Table/row implementations may work but are not supported due to<br/>IE"s limited insertion support with tables and Opera"s faulty event bubbling.</b><br/><br/>Note: old style constructor is still suported (container, template, config)
  93     </div>
  94
  95
  96 <!-- ============================== Class comment block... ========================== -->
  97
  98 <div class="comments">
  99         <b>Class Comments / Notes</B> =>
 100         <u onclick="parent.CommentDialog.showCommentId = 'Roo.View';">[Add Your comment/notes about this class]</u>
 101         <br/>
 102         <iframe frameborder="0"  id="comments-Roo" style="border: none;width:100%;"
 103                 src="/blog.php/GtkDjsComments/Roo.View.html"></iframe>
 104 </div>
 105
 106
 107
 108 <!-- ============================== config options ========================== -->
 109
 110
 111
 112
 113     <div class="hr"></div>
 114     <a id="Roo.View-configs"></a>
 115
 116
 117
 118
 119
 120       <table cellspacing="0" class="member-table">
 121       <caption>Config Options (Usually are also Properties)</caption>
 122
 123
 124         <tr>
 125             <th class="sig-header" colspan="2">Options</th>
 126
 127             <th class="msource-header">Defined By</th>
 128         </tr>
 129
 130
 131
 132
 133
 134                 <tr class="config-row expandable config-row-alt0 notInherited">
 135                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 136                     <td class="sig">
 137
 138                         <a id="Roo.View-cfg-dataName" name=".dataName"></a>
 139                         <div class="fixedFont">
 140                                 <b  class="itemname">dataName</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 141
 142
 143                         </div>
 144
 145                         <div class="mdesc">
 146                             <div class="short">the named area of the template to use as the data area<br/>                         Works with domtemplates roo-name="name"</div>
 147                         </div>
 148
 149                         <div class="mdesc">
 150                             <div class="long">the named area of the template to use as the data area<br/>                         Works with domtemplates roo-name="name"</div>
 151                         </div>
 152
 153
 154
 155                     </td>
 156                     <td class="msource">
 157
 158                         Roo.View
 159
 160                     </td>
 161                 </tr>
 162
 163
 164                 <tr class="config-row expandable config-row-alt1 notInherited">
 165                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 166                     <td class="sig">
 167
 168                         <a id="Roo.View-cfg-el" name=".el"></a>
 169                         <div class="fixedFont">
 170                                 <b  class="itemname">el</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|<a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 171
 172
 173                         </div>
 174
 175                         <div class="mdesc">
 176                             <div class="short">The container element.</div>
 177                         </div>
 178
 179                         <div class="mdesc">
 180                             <div class="long">The container element.</div>
 181                         </div>
 182
 183
 184
 185                     </td>
 186                     <td class="msource">
 187
 188                         Roo.View
 189
 190                     </td>
 191                 </tr>
 192
 193
 194                 <tr class="config-row expandable config-row-alt0 notInherited">
 195                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 196                     <td class="sig">
 197
 198                         <a id="Roo.View-cfg-emptyText" name=".emptyText"></a>
 199                         <div class="fixedFont">
 200                                 <b  class="itemname">emptyText</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 201
 202
 203                         </div>
 204
 205                         <div class="mdesc">
 206                             <div class="short">The empty text to show when nothing is loaded.</div>
 207                         </div>
 208
 209                         <div class="mdesc">
 210                             <div class="long">The empty text to show when nothing is loaded.</div>
 211                         </div>
 212
 213
 214
 215                     </td>
 216                     <td class="msource">
 217
 218                         Roo.View
 219
 220                     </td>
 221                 </tr>
 222
 223
 224                 <tr class="config-row expandable config-row-alt1">
 225                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 226                     <td class="sig">
 227
 228                         <a id="Roo.util.Observable-cfg-listeners" name=".listeners"></a>
 229                         <div class="fixedFont">
 230                                 <b  class="itemname">listeners</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a>
 231
 232
 233                         </div>
 234
 235                         <div class="mdesc">
 236                             <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>
 237                         </div>
 238
 239                         <div class="mdesc">
 240                             <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>
 241                         </div>
 242
 243
 244
 245                     </td>
 246                     <td class="msource">
 247
 248                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 249
 250                     </td>
 251                 </tr>
 252
 253
 254                 <tr class="config-row expandable config-row-alt0 notInherited">
 255                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 256                     <td class="sig">
 257
 258                         <a id="Roo.View-cfg-multiSelect" name=".multiSelect"></a>
 259                         <div class="fixedFont">
 260                                 <b  class="itemname">multiSelect</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 261
 262
 263                         </div>
 264
 265                         <div class="mdesc">
 266                             <div class="short">Allow multiple selection</div>
 267                         </div>
 268
 269                         <div class="mdesc">
 270                             <div class="long">Allow multiple selection</div>
 271                         </div>
 272
 273
 274
 275                     </td>
 276                     <td class="msource">
 277
 278                         Roo.View
 279
 280                     </td>
 281                 </tr>
 282
 283
 284                 <tr class="config-row expandable config-row-alt1 notInherited">
 285                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 286                     <td class="sig">
 287
 288                         <a id="Roo.View-cfg-selectedClass" name=".selectedClass"></a>
 289                         <div class="fixedFont">
 290                                 <b  class="itemname">selectedClass</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 291
 292
 293                         </div>
 294
 295                         <div class="mdesc">
 296                             <div class="short">The css class to add to selected nodes</div>
 297                         </div>
 298
 299                         <div class="mdesc">
 300                             <div class="long">The css class to add to selected nodes</div>
 301                         </div>
 302
 303
 304
 305                     </td>
 306                     <td class="msource">
 307
 308                         Roo.View
 309
 310                     </td>
 311                 </tr>
 312
 313
 314                 <tr class="config-row expandable config-row-alt0 notInherited">
 315                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 316                     <td class="sig">
 317
 318                         <a id="Roo.View-cfg-singleSelect" name=".singleSelect"></a>
 319                         <div class="fixedFont">
 320                                 <b  class="itemname">singleSelect</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 321
 322
 323                         </div>
 324
 325                         <div class="mdesc">
 326                             <div class="short">Allow single selection</div>
 327                         </div>
 328
 329                         <div class="mdesc">
 330                             <div class="long">Allow single selection</div>
 331                         </div>
 332
 333
 334
 335                     </td>
 336                     <td class="msource">
 337
 338                         Roo.View
 339
 340                     </td>
 341                 </tr>
 342
 343
 344                 <tr class="config-row expandable config-row-alt1 notInherited">
 345                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 346                     <td class="sig">
 347
 348                         <a id="Roo.View-cfg-store" name=".store"></a>
 349                         <div class="fixedFont">
 350                                 <b  class="itemname">store</b> : <a href="./Roo.data.Store.html#constructor" roo:cls="Roo.data.Store.html#constructor">Roo.data.Store</a>
 351
 352
 353                         </div>
 354
 355                         <div class="mdesc">
 356                             <div class="short">Data store to load data from.</div>
 357                         </div>
 358
 359                         <div class="mdesc">
 360                             <div class="long">Data store to load data from.</div>
 361                         </div>
 362
 363
 364
 365                     </td>
 366                     <td class="msource">
 367
 368                         Roo.View
 369
 370                     </td>
 371                 </tr>
 372
 373
 374                 <tr class="config-row expandable config-row-alt0 notInherited">
 375                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 376                     <td class="sig">
 377
 378                         <a id="Roo.View-cfg-text" name=".text"></a>
 379                         <div class="fixedFont">
 380                                 <b  class="itemname">text</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>
 381
 382
 383                         </div>
 384
 385                         <div class="mdesc">
 386                             <div class="short">to display on mask (default Loading)</div>
 387                         </div>
 388
 389                         <div class="mdesc">
 390                             <div class="long">to display on mask (default Loading)</div>
 391                         </div>
 392
 393
 394
 395                     </td>
 396                     <td class="msource">
 397
 398                         Roo.View
 399
 400                     </td>
 401                 </tr>
 402
 403
 404                 <tr class="config-row expandable config-row-alt1 notInherited">
 405                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 406                     <td class="sig">
 407
 408                         <a id="Roo.View-cfg-toggleSelect" name=".toggleSelect"></a>
 409                         <div class="fixedFont">
 410                                 <b  class="itemname">toggleSelect</b> : <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 411
 412
 413                         </div>
 414
 415                         <div class="mdesc">
 416                             <div class="short">- selecting</div>
 417                         </div>
 418
 419                         <div class="mdesc">
 420                             <div class="long">- selecting</div>
 421                         </div>
 422
 423
 424
 425                     </td>
 426                     <td class="msource">
 427
 428                         Roo.View
 429
 430                     </td>
 431                 </tr>
 432
 433
 434                 <tr class="config-row expandable config-row-alt0 notInherited">
 435                    <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 436                     <td class="sig">
 437
 438                         <a id="Roo.View-cfg-tpl" name=".tpl"></a>
 439                         <div class="fixedFont">
 440                                 <b  class="itemname">tpl</b> : <a href="./String.html#constructor" roo:cls="String.html#constructor">String</a>|<a href="./Roo.Template.html#constructor" roo:cls="Roo.Template.html#constructor">Roo.Template</a>
 441
 442
 443                         </div>
 444
 445                         <div class="mdesc">
 446                             <div class="short">The template used by this View</div>
 447                         </div>
 448
 449                         <div class="mdesc">
 450                             <div class="long">The template used by this View</div>
 451                         </div>
 452
 453
 454
 455                     </td>
 456                     <td class="msource">
 457
 458                         Roo.View
 459
 460                     </td>
 461                 </tr>
 462
 463
 464     </table>
 465
 466
 467
 468
 469
 470
 471
 472
 473
 474   <!-- ============================== public properties ==================== -->
 475
 476
 477
 478     <a id="Roo.View-props"></a>
 479
 480
 481
 482
 483
 484      <table cellspacing="0" class="member-table">
 485       <caption class="Empty">Public Properties - Has None</caption>
 486      </table>
 487
 488
 489
 490
 491   <!-- ============================== methods summary / details ======================== -->
 492
 493
 494   <a id="Roo.View-methods"></a>
 495         <!-- constructor?? -->
 496
 497         <!-- static's first
 498
 499
 500         -->
 501
 502         <!-- then dynamics first -->
 503
 504
 505
 506
 507
 508
 509       <table cellspacing="0" class="member-table">
 510       <caption>Public Methods</caption>
 511         <tr>
 512             <th class="sig-header" colspan="2">Method</th>
 513             <th class="msource-header">Defined By</th>
 514
 515         </tr>
 516
 517
 518
 519
 520
 521
 522
 523           <tr class="method-row config-row-alt0 expandable notInherited">
 524             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 525
 526
 527             <td class="sig">
 528                 <a id="Roo-method-View"   name=".View"></a>
 529                 <div class="fixedFont">
 530                         <span class="attributes">new <B>Roo.</B></span><b class="itemname">View</b>
 531
 532                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>config</i></B>)
 533
 534
 535
 536                 </div>
 537                 <div class="mdesc">
 538
 539
 540                         <div class="short">Create a new Roo.View</div>
 541
 542
 543                     <div class="long">
 544
 545
 546
 547                                 Create a new Roo.View
 548
 549
 550                                 <dl class="detailList">
 551                                 <dt class="heading">Parameters:</dt>
 552
 553                                         <dt>
 554                                                 <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>
 555
 556                                         </dt>
 557                                         <dd>The config object</dd>
 558
 559                                 </dl>
 560
 561
 562
 563
 564
 565
 566
 567
 568
 569
 570
 571                     </div>
 572                 </div>
 573
 574             </td>
 575             <td class="msource">
 576                 &nbsp;
 577             </td>
 578         </tr>
 579
 580
 581           <tr class="method-row config-row-alt1 expandable">
 582             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 583
 584
 585             <td class="sig">
 586                 <a id="Roo.util.Observable-method-addEvents"   name=".addEvents"></a>
 587                 <div class="fixedFont">
 588                         <span class="attributes"></span><b class="itemname">addEvents</b>
 589
 590                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>object</i></B>)
 591
 592
 593
 594                 </div>
 595                 <div class="mdesc">
 596
 597                    <div class="short">Used to define events on this Observable</div>
 598
 599
 600
 601                     <div class="long">
 602
 603                                 Used to define events on this Observable
 604
 605
 606
 607
 608
 609
 610                                 <dl class="detailList">
 611                                 <dt class="heading">Parameters:</dt>
 612
 613                                         <dt>
 614                                                 <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>
 615
 616                                         </dt>
 617                                         <dd>The object with the events defined</dd>
 618
 619                                 </dl>
 620
 621
 622
 623
 624
 625
 626
 627
 628
 629
 630
 631                     </div>
 632                 </div>
 633
 634             </td>
 635             <td class="msource">
 636
 637                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 638                 &nbsp;
 639             </td>
 640         </tr>
 641
 642
 643           <tr class="method-row config-row-alt0 expandable">
 644             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 645
 646
 647             <td class="sig">
 648                 <a id="Roo.util.Observable-method-addListener"   name=".addListener"></a>
 649                 <div class="fixedFont">
 650                         <span class="attributes"></span><b class="itemname">addListener</b>
 651
 652                                  (<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>)
 653
 654
 655
 656                 </div>
 657                 <div class="mdesc">
 658
 659                    <div class="short">Appends an event handler to this component</div>
 660
 661
 662
 663                     <div class="long">
 664
 665                                 Appends an event handler to this component
 666
 667
 668
 669
 670
 671
 672                                 <dl class="detailList">
 673                                 <dt class="heading">Parameters:</dt>
 674
 675                                         <dt>
 676                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 677
 678                                         </dt>
 679                                         <dd>The type of event to listen for</dd>
 680
 681                                         <dt>
 682                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
 683
 684                                         </dt>
 685                                         <dd>The method the event invokes</dd>
 686
 687                                         <dt>
 688                                                 <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>
 689
 690                                         </dt>
 691                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
 692
 693                                         <dt>
 694                                                 <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>
 695
 696                                         </dt>
 697                                         <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>
 698
 699                                 </dl>
 700
 701
 702
 703
 704
 705
 706
 707
 708
 709
 710
 711                     </div>
 712                 </div>
 713
 714             </td>
 715             <td class="msource">
 716
 717                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 718                 &nbsp;
 719             </td>
 720         </tr>
 721
 722
 723           <tr class="method-row config-row-alt1 expandable notInherited">
 724             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 725
 726
 727             <td class="sig">
 728                 <a id="Roo.View-method-clearSelections"   name=".clearSelections"></a>
 729                 <div class="fixedFont">
 730                         <span class="attributes"></span><b class="itemname">clearSelections</b>
 731
 732                                  (<a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>suppressEvent</i></B>)
 733
 734
 735
 736                 </div>
 737                 <div class="mdesc">
 738
 739                    <div class="short">Clear all selections</div>
 740
 741
 742
 743                     <div class="long">
 744
 745                                 Clear all selections
 746
 747
 748
 749
 750
 751
 752                                 <dl class="detailList">
 753                                 <dt class="heading">Parameters:</dt>
 754
 755                                         <dt>
 756                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>suppressEvent</b>
 757
 758                                         </dt>
 759                                         <dd>(optional) true to skip firing of the selectionchange event</dd>
 760
 761                                 </dl>
 762
 763
 764
 765
 766
 767
 768
 769
 770
 771
 772
 773                     </div>
 774                 </div>
 775
 776             </td>
 777             <td class="msource">
 778
 779                         Roo.View
 780                 &nbsp;
 781             </td>
 782         </tr>
 783
 784
 785           <tr class="method-row config-row-alt0 expandable notInherited">
 786             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 787
 788
 789             <td class="sig">
 790                 <a id="Roo.View-method-findItemFromChild"   name=".findItemFromChild"></a>
 791                 <div class="fixedFont">
 792                         <span class="attributes"></span><b class="itemname">findItemFromChild</b>
 793
 794                                  (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>)
 795
 796
 797                                          :
 798
 799
 800                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
 801
 802
 803
 804
 805
 806                 </div>
 807                 <div class="mdesc">
 808
 809                    <div class="short">Returns the template node the passed child belongs to or null if it doesn't belong to one.</div>
 810
 811
 812
 813                     <div class="long">
 814
 815                                 Returns the template node the passed child belongs to or null if it doesn't belong to one.
 816
 817
 818
 819
 820
 821
 822                                 <dl class="detailList">
 823                                 <dt class="heading">Parameters:</dt>
 824
 825                                         <dt>
 826                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  <b>node</b>
 827
 828                                         </dt>
 829                                         <dd></dd>
 830
 831                                 </dl>
 832
 833
 834
 835
 836
 837                                 <dl class="detailList">
 838                                 <dt class="heading">Returns:</dt>
 839
 840                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  The template node</dd>
 841
 842                                 </dl>
 843
 844
 845
 846
 847
 848
 849
 850                     </div>
 851                 </div>
 852
 853             </td>
 854             <td class="msource">
 855
 856                         Roo.View
 857                 &nbsp;
 858             </td>
 859         </tr>
 860
 861
 862           <tr class="method-row config-row-alt1 expandable">
 863             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 864
 865
 866             <td class="sig">
 867                 <a id="Roo.util.Observable-method-fireEvent"   name=".fireEvent"></a>
 868                 <div class="fixedFont">
 869                         <span class="attributes"></span><b class="itemname">fireEvent</b>
 870
 871                                  (<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>)
 872
 873
 874                                          :
 875
 876
 877                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
 878
 879
 880
 881
 882
 883                 </div>
 884                 <div class="mdesc">
 885
 886                    <div class="short">Fires the specified event with the passed parameters (minus the event name).</div>
 887
 888
 889
 890                     <div class="long">
 891
 892                                 Fires the specified event with the passed parameters (minus the event name).
 893
 894
 895
 896
 897
 898
 899                                 <dl class="detailList">
 900                                 <dt class="heading">Parameters:</dt>
 901
 902                                         <dt>
 903                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
 904
 905                                         </dt>
 906                                         <dd></dd>
 907
 908                                         <dt>
 909                                                 <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>
 910
 911                                         </dt>
 912                                         <dd>Variable number of parameters are passed to handlers</dd>
 913
 914                                 </dl>
 915
 916
 917
 918
 919
 920                                 <dl class="detailList">
 921                                 <dt class="heading">Returns:</dt>
 922
 923                                         <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>
 924
 925                                 </dl>
 926
 927
 928
 929
 930
 931
 932
 933                     </div>
 934                 </div>
 935
 936             </td>
 937             <td class="msource">
 938
 939                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
 940                 &nbsp;
 941             </td>
 942         </tr>
 943
 944
 945           <tr class="method-row config-row-alt0 expandable notInherited">
 946             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
 947
 948
 949             <td class="sig">
 950                 <a id="Roo.View-method-getEl"   name=".getEl"></a>
 951                 <div class="fixedFont">
 952                         <span class="attributes"></span><b class="itemname">getEl</b>
 953
 954                                  ()
 955
 956
 957                                          :
 958
 959
 960                                                 <a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a>
 961
 962
 963
 964
 965
 966                 </div>
 967                 <div class="mdesc">
 968
 969                    <div class="short">Returns the element this view is bound to.</div>
 970
 971
 972
 973                     <div class="long">
 974
 975                                 Returns the element this view is bound to.
 976
 977
 978
 979
 980
 981
 982
 983
 984
 985
 986                                 <dl class="detailList">
 987                                 <dt class="heading">Returns:</dt>
 988
 989                                         <dd><span class="fixedFont"><a href="./Roo.Element.html#constructor" roo:cls="Roo.Element.html#constructor">Roo.Element</a></span>  </dd>
 990
 991                                 </dl>
 992
 993
 994
 995
 996
 997
 998
 999                     </div>
1000                 </div>
1001
1002             </td>
1003             <td class="msource">
1004
1005                         Roo.View
1006                 &nbsp;
1007             </td>
1008         </tr>
1009
1010
1011           <tr class="method-row config-row-alt1 expandable notInherited">
1012             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1013
1014
1015             <td class="sig">
1016                 <a id="Roo.View-method-getNode"   name=".getNode"></a>
1017                 <div class="fixedFont">
1018                         <span class="attributes"></span><b class="itemname">getNode</b>
1019
1020                                  (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String/Number <B><i>nodeInfo</i></B>)
1021
1022
1023                                          :
1024
1025
1026                                                 <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>
1027
1028
1029
1030
1031
1032                 </div>
1033                 <div class="mdesc">
1034
1035                    <div class="short">Gets a template node.</div>
1036
1037
1038
1039                     <div class="long">
1040
1041                                 Gets a template node.
1042
1043
1044
1045
1046
1047
1048                                 <dl class="detailList">
1049                                 <dt class="heading">Parameters:</dt>
1050
1051                                         <dt>
1052                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String/Number</span>  <b>nodeInfo</b>
1053
1054                                         </dt>
1055                                         <dd>An HTMLElement template node, index of a template node or the id of a template node</dd>
1056
1057                                 </dl>
1058
1059
1060
1061
1062
1063                                 <dl class="detailList">
1064                                 <dt class="heading">Returns:</dt>
1065
1066                                         <dd><span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span>  The node or null if it wasn't found</dd>
1067
1068                                 </dl>
1069
1070
1071
1072
1073
1074
1075
1076                     </div>
1077                 </div>
1078
1079             </td>
1080             <td class="msource">
1081
1082                         Roo.View
1083                 &nbsp;
1084             </td>
1085         </tr>
1086
1087
1088           <tr class="method-row config-row-alt0 expandable notInherited">
1089             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1090
1091
1092             <td class="sig">
1093                 <a id="Roo.View-method-getNodes"   name=".getNodes"></a>
1094                 <div class="fixedFont">
1095                         <span class="attributes"></span><b class="itemname">getNodes</b>
1096
1097                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>startIndex</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>endIndex</i></B>)
1098
1099
1100                                          :
1101
1102
1103                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
1104
1105
1106
1107
1108
1109                 </div>
1110                 <div class="mdesc">
1111
1112                    <div class="short">Gets a range template nodes.</div>
1113
1114
1115
1116                     <div class="long">
1117
1118                                 Gets a range template nodes.
1119
1120
1121
1122
1123
1124
1125                                 <dl class="detailList">
1126                                 <dt class="heading">Parameters:</dt>
1127
1128                                         <dt>
1129                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>startIndex</b>
1130
1131                                         </dt>
1132                                         <dd></dd>
1133
1134                                         <dt>
1135                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>endIndex</b>
1136
1137                                         </dt>
1138                                         <dd></dd>
1139
1140                                 </dl>
1141
1142
1143
1144
1145
1146                                 <dl class="detailList">
1147                                 <dt class="heading">Returns:</dt>
1148
1149                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  An array of nodes</dd>
1150
1151                                 </dl>
1152
1153
1154
1155
1156
1157
1158
1159                     </div>
1160                 </div>
1161
1162             </td>
1163             <td class="msource">
1164
1165                         Roo.View
1166                 &nbsp;
1167             </td>
1168         </tr>
1169
1170
1171           <tr class="method-row config-row-alt1 expandable notInherited">
1172             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1173
1174
1175             <td class="sig">
1176                 <a id="Roo.View-method-getSelectedIndexes"   name=".getSelectedIndexes"></a>
1177                 <div class="fixedFont">
1178                         <span class="attributes"></span><b class="itemname">getSelectedIndexes</b>
1179
1180                                  ()
1181
1182
1183                                          :
1184
1185
1186                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
1187
1188
1189
1190
1191
1192                 </div>
1193                 <div class="mdesc">
1194
1195                    <div class="short">Get the indexes of the selected nodes.</div>
1196
1197
1198
1199                     <div class="long">
1200
1201                                 Get the indexes of the selected nodes.
1202
1203
1204
1205
1206
1207
1208
1209
1210
1211
1212                                 <dl class="detailList">
1213                                 <dt class="heading">Returns:</dt>
1214
1215                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  </dd>
1216
1217                                 </dl>
1218
1219
1220
1221
1222
1223
1224
1225                     </div>
1226                 </div>
1227
1228             </td>
1229             <td class="msource">
1230
1231                         Roo.View
1232                 &nbsp;
1233             </td>
1234         </tr>
1235
1236
1237           <tr class="method-row config-row-alt0 expandable notInherited">
1238             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1239
1240
1241             <td class="sig">
1242                 <a id="Roo.View-method-getSelectedNodes"   name=".getSelectedNodes"></a>
1243                 <div class="fixedFont">
1244                         <span class="attributes"></span><b class="itemname">getSelectedNodes</b>
1245
1246                                  ()
1247
1248
1249                                          :
1250
1251
1252                                                 <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>
1253
1254
1255
1256
1257
1258                 </div>
1259                 <div class="mdesc">
1260
1261                    <div class="short">Get the currently selected nodes.</div>
1262
1263
1264
1265                     <div class="long">
1266
1267                                 Get the currently selected nodes.
1268
1269
1270
1271
1272
1273
1274
1275
1276
1277
1278                                 <dl class="detailList">
1279                                 <dt class="heading">Returns:</dt>
1280
1281                                         <dd><span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span>  An array of HTMLElements</dd>
1282
1283                                 </dl>
1284
1285
1286
1287
1288
1289
1290
1291                     </div>
1292                 </div>
1293
1294             </td>
1295             <td class="msource">
1296
1297                         Roo.View
1298                 &nbsp;
1299             </td>
1300         </tr>
1301
1302
1303           <tr class="method-row config-row-alt1 expandable notInherited">
1304             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1305
1306
1307             <td class="sig">
1308                 <a id="Roo.View-method-getSelectionCount"   name=".getSelectionCount"></a>
1309                 <div class="fixedFont">
1310                         <span class="attributes"></span><b class="itemname">getSelectionCount</b>
1311
1312                                  ()
1313
1314
1315                                          :
1316
1317
1318                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1319
1320
1321
1322
1323
1324                 </div>
1325                 <div class="mdesc">
1326
1327                    <div class="short">Get the number of selected nodes.</div>
1328
1329
1330
1331                     <div class="long">
1332
1333                                 Get the number of selected nodes.
1334
1335
1336
1337
1338
1339
1340
1341
1342
1343
1344                                 <dl class="detailList">
1345                                 <dt class="heading">Returns:</dt>
1346
1347                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  </dd>
1348
1349                                 </dl>
1350
1351
1352
1353
1354
1355
1356
1357                     </div>
1358                 </div>
1359
1360             </td>
1361             <td class="msource">
1362
1363                         Roo.View
1364                 &nbsp;
1365             </td>
1366         </tr>
1367
1368
1369           <tr class="method-row config-row-alt0 expandable">
1370             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1371
1372
1373             <td class="sig">
1374                 <a id="Roo.util.Observable-method-hasListener"   name=".hasListener"></a>
1375                 <div class="fixedFont">
1376                         <span class="attributes"></span><b class="itemname">hasListener</b>
1377
1378                                  (<a href="./String.html#constructor" roo:cls="String.html#constructor">String</a> <B><i>eventName</i></B>)
1379
1380
1381                                          :
1382
1383
1384                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1385
1386
1387
1388
1389
1390                 </div>
1391                 <div class="mdesc">
1392
1393                    <div class="short">Checks to see if this object has any listeners for a specified event</div>
1394
1395
1396
1397                     <div class="long">
1398
1399                                 Checks to see if this object has any listeners for a specified event
1400
1401
1402
1403
1404
1405
1406                                 <dl class="detailList">
1407                                 <dt class="heading">Parameters:</dt>
1408
1409                                         <dt>
1410                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1411
1412                                         </dt>
1413                                         <dd>The name of the event to check for</dd>
1414
1415                                 </dl>
1416
1417
1418
1419
1420
1421                                 <dl class="detailList">
1422                                 <dt class="heading">Returns:</dt>
1423
1424                                         <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>
1425
1426                                 </dl>
1427
1428
1429
1430
1431
1432
1433
1434                     </div>
1435                 </div>
1436
1437             </td>
1438             <td class="msource">
1439
1440                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1441                 &nbsp;
1442             </td>
1443         </tr>
1444
1445
1446           <tr class="method-row config-row-alt1 expandable notInherited">
1447             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1448
1449
1450             <td class="sig">
1451                 <a id="Roo.View-method-indexOf"   name=".indexOf"></a>
1452                 <div class="fixedFont">
1453                         <span class="attributes"></span><b class="itemname">indexOf</b>
1454
1455                                  (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String/Number <B><i>nodeInfo</i></B>)
1456
1457
1458                                          :
1459
1460
1461                                                 <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a>
1462
1463
1464
1465
1466
1467                 </div>
1468                 <div class="mdesc">
1469
1470                    <div class="short">Finds the index of the passed node</div>
1471
1472
1473
1474                     <div class="long">
1475
1476                                 Finds the index of the passed node
1477
1478
1479
1480
1481
1482
1483                                 <dl class="detailList">
1484                                 <dt class="heading">Parameters:</dt>
1485
1486                                         <dt>
1487                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/String/Number</span>  <b>nodeInfo</b>
1488
1489                                         </dt>
1490                                         <dd>An HTMLElement template node, index of a template node or the id of a template node</dd>
1491
1492                                 </dl>
1493
1494
1495
1496
1497
1498                                 <dl class="detailList">
1499                                 <dt class="heading">Returns:</dt>
1500
1501                                         <dd><span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  The index of the node or -1</dd>
1502
1503                                 </dl>
1504
1505
1506
1507
1508
1509
1510
1511                     </div>
1512                 </div>
1513
1514             </td>
1515             <td class="msource">
1516
1517                         Roo.View
1518                 &nbsp;
1519             </td>
1520         </tr>
1521
1522
1523           <tr class="method-row config-row-alt0 expandable notInherited">
1524             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1525
1526
1527             <td class="sig">
1528                 <a id="Roo.View-method-isSelected"   name=".isSelected"></a>
1529                 <div class="fixedFont">
1530                         <span class="attributes"></span><b class="itemname">isSelected</b>
1531
1532                                  (<a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Number <B><i>node</i></B>)
1533
1534
1535                                          :
1536
1537
1538                                                 <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a>
1539
1540
1541
1542
1543
1544                 </div>
1545                 <div class="mdesc">
1546
1547                    <div class="short">Returns true if the passed node is selected</div>
1548
1549
1550
1551                     <div class="long">
1552
1553                                 Returns true if the passed node is selected
1554
1555
1556
1557
1558
1559
1560                                 <dl class="detailList">
1561                                 <dt class="heading">Parameters:</dt>
1562
1563                                         <dt>
1564                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a>/Number</span>  <b>node</b>
1565
1566                                         </dt>
1567                                         <dd>The node or node index</dd>
1568
1569                                 </dl>
1570
1571
1572
1573
1574
1575                                 <dl class="detailList">
1576                                 <dt class="heading">Returns:</dt>
1577
1578                                         <dd><span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  </dd>
1579
1580                                 </dl>
1581
1582
1583
1584
1585
1586
1587
1588                     </div>
1589                 </div>
1590
1591             </td>
1592             <td class="msource">
1593
1594                         Roo.View
1595                 &nbsp;
1596             </td>
1597         </tr>
1598
1599
1600           <tr class="method-row config-row-alt1 expandable">
1601             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1602
1603
1604             <td class="sig">
1605                 <a id="Roo.util.Observable-method-on"   name=".on"></a>
1606                 <div class="fixedFont">
1607                         <span class="attributes"></span><b class="itemname">on</b>
1608
1609                                  (<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>)
1610
1611
1612
1613                 </div>
1614                 <div class="mdesc">
1615
1616                    <div class="short">Appends an event handler to this element (shorthand for addListener)</div>
1617
1618
1619
1620                     <div class="long">
1621
1622                                 Appends an event handler to this element (shorthand for addListener)
1623
1624
1625
1626
1627
1628
1629                                 <dl class="detailList">
1630                                 <dt class="heading">Parameters:</dt>
1631
1632                                         <dt>
1633                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1634
1635                                         </dt>
1636                                         <dd>The type of event to listen for</dd>
1637
1638                                         <dt>
1639                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1640
1641                                         </dt>
1642                                         <dd>The method the event invokes</dd>
1643
1644                                         <dt>
1645                                                 <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>
1646
1647                                         </dt>
1648                                         <dd>(optional) The scope in which to execute the handler<br/>function. The handler function's "this" context.</dd>
1649
1650                                         <dt>
1651                                                 <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>
1652
1653                                         </dt>
1654                                         <dd>(optional)</dd>
1655
1656                                 </dl>
1657
1658
1659
1660
1661
1662
1663
1664
1665
1666
1667
1668                     </div>
1669                 </div>
1670
1671             </td>
1672             <td class="msource">
1673
1674                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1675                 &nbsp;
1676             </td>
1677         </tr>
1678
1679
1680           <tr class="method-row config-row-alt0 expandable notInherited">
1681             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1682
1683
1684             <td class="sig">
1685                 <a id="Roo.View-method-onBeforeLoad"   name=".onBeforeLoad"></a>
1686                 <div class="fixedFont">
1687                         <span class="attributes"></span><b class="itemname">onBeforeLoad</b>
1688
1689                                  ()
1690
1691
1692
1693                 </div>
1694                 <div class="mdesc">
1695
1696                    <div class="short">onbeforeLoad - masks the loading area.</div>
1697
1698
1699
1700                     <div class="long">
1701
1702                                 onbeforeLoad - masks the loading area.
1703
1704
1705
1706
1707
1708
1709
1710
1711
1712
1713
1714
1715
1716
1717
1718
1719                     </div>
1720                 </div>
1721
1722             </td>
1723             <td class="msource">
1724
1725                         Roo.View
1726                 &nbsp;
1727             </td>
1728         </tr>
1729
1730
1731           <tr class="method-row config-row-alt1 expandable notInherited">
1732             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1733
1734
1735             <td class="sig">
1736                 <a id="Roo.View-method-prepareData"   name=".prepareData"></a>
1737                 <div class="fixedFont">
1738                         <span class="attributes"></span><b class="itemname">prepareData</b>
1739
1740                                  (<a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/Object <B><i>data</i></B>)
1741
1742
1743
1744                 </div>
1745                 <div class="mdesc">
1746
1747                    <div class="short">Function to override to reformat the data that is sent to<br/>the template for each node.</div>
1748
1749
1750
1751                     <div class="long">
1752
1753                                 Function to override to reformat the data that is sent to<br/>the template for each node.<br/>DEPRICATED - use the preparedata event handler.
1754
1755
1756
1757
1758
1759
1760                                 <dl class="detailList">
1761                                 <dt class="heading">Parameters:</dt>
1762
1763                                         <dt>
1764                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/Object</span>  <b>data</b>
1765
1766                                         </dt>
1767                                         <dd>The raw data (array of colData for a data model bound view or<br/>a JSON object for an UpdateManager bound view).</dd>
1768
1769                                 </dl>
1770
1771
1772
1773
1774
1775
1776
1777
1778
1779
1780
1781                     </div>
1782                 </div>
1783
1784             </td>
1785             <td class="msource">
1786
1787                         Roo.View
1788                 &nbsp;
1789             </td>
1790         </tr>
1791
1792
1793           <tr class="method-row config-row-alt0 expandable">
1794             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1795
1796
1797             <td class="sig">
1798                 <a id="Roo.util.Observable-method-purgeListeners"   name=".purgeListeners"></a>
1799                 <div class="fixedFont">
1800                         <span class="attributes"></span><b class="itemname">purgeListeners</b>
1801
1802                                  ()
1803
1804
1805
1806                 </div>
1807                 <div class="mdesc">
1808
1809                    <div class="short">Removes all listeners for this object</div>
1810
1811
1812
1813                     <div class="long">
1814
1815                                 Removes all listeners for this object
1816
1817
1818
1819
1820
1821
1822
1823
1824
1825
1826
1827
1828
1829
1830
1831
1832                     </div>
1833                 </div>
1834
1835             </td>
1836             <td class="msource">
1837
1838                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
1839                 &nbsp;
1840             </td>
1841         </tr>
1842
1843
1844           <tr class="method-row config-row-alt1 expandable notInherited">
1845             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1846
1847
1848             <td class="sig">
1849                 <a id="Roo.View-method-refresh"   name=".refresh"></a>
1850                 <div class="fixedFont">
1851                         <span class="attributes"></span><b class="itemname">refresh</b>
1852
1853                                  ()
1854
1855
1856
1857                 </div>
1858                 <div class="mdesc">
1859
1860                    <div class="short">Refreshes the view.</div>
1861
1862
1863
1864                     <div class="long">
1865
1866                                 Refreshes the view. - called by datachanged on the store. - do not call directly.
1867
1868
1869
1870
1871
1872
1873
1874
1875
1876
1877
1878
1879
1880
1881
1882
1883                     </div>
1884                 </div>
1885
1886             </td>
1887             <td class="msource">
1888
1889                         Roo.View
1890                 &nbsp;
1891             </td>
1892         </tr>
1893
1894
1895           <tr class="method-row config-row-alt0 expandable notInherited">
1896             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1897
1898
1899             <td class="sig">
1900                 <a id="Roo.View-method-refreshNode"   name=".refreshNode"></a>
1901                 <div class="fixedFont">
1902                         <span class="attributes"></span><b class="itemname">refreshNode</b>
1903
1904                                  (<a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>)
1905
1906
1907
1908                 </div>
1909                 <div class="mdesc">
1910
1911                    <div class="short">Refresh an individual node.</div>
1912
1913
1914
1915                     <div class="long">
1916
1917                                 Refresh an individual node.
1918
1919
1920
1921
1922
1923
1924                                 <dl class="detailList">
1925                                 <dt class="heading">Parameters:</dt>
1926
1927                                         <dt>
1928                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span>  <b>index</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
1951                         Roo.View
1952                 &nbsp;
1953             </td>
1954         </tr>
1955
1956
1957           <tr class="method-row config-row-alt1 expandable">
1958             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
1959
1960
1961             <td class="sig">
1962                 <a id="Roo.util.Observable-method-removeListener"   name=".removeListener"></a>
1963                 <div class="fixedFont">
1964                         <span class="attributes"></span><b class="itemname">removeListener</b>
1965
1966                                  (<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>)
1967
1968
1969
1970                 </div>
1971                 <div class="mdesc">
1972
1973                    <div class="short">Removes a listener</div>
1974
1975
1976
1977                     <div class="long">
1978
1979                                 Removes a listener
1980
1981
1982
1983
1984
1985
1986                                 <dl class="detailList">
1987                                 <dt class="heading">Parameters:</dt>
1988
1989                                         <dt>
1990                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
1991
1992                                         </dt>
1993                                         <dd>The type of event to listen for</dd>
1994
1995                                         <dt>
1996                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
1997
1998                                         </dt>
1999                                         <dd>The handler to remove</dd>
2000
2001                                         <dt>
2002                                                 <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>
2003
2004                                         </dt>
2005                                         <dd>(optional) The scope (this object) for the handler</dd>
2006
2007                                 </dl>
2008
2009
2010
2011
2012
2013
2014
2015
2016
2017
2018
2019                     </div>
2020                 </div>
2021
2022             </td>
2023             <td class="msource">
2024
2025                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2026                 &nbsp;
2027             </td>
2028         </tr>
2029
2030
2031           <tr class="method-row config-row-alt0 expandable notInherited">
2032             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2033
2034
2035             <td class="sig">
2036                 <a id="Roo.View-method-select"   name=".select"></a>
2037                 <div class="fixedFont">
2038                         <span class="attributes"></span><b class="itemname">select</b>
2039
2040                                  (<a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/HTMLElement/String/Number <B><i>nodeInfo</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>keepExisting</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>suppressEvent</i></B>)
2041
2042
2043
2044                 </div>
2045                 <div class="mdesc">
2046
2047                    <div class="short">Selects nodes.</div>
2048
2049
2050
2051                     <div class="long">
2052
2053                                 Selects nodes.
2054
2055
2056
2057
2058
2059
2060                                 <dl class="detailList">
2061                                 <dt class="heading">Parameters:</dt>
2062
2063                                         <dt>
2064                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/HTMLElement/String/Number</span>  <b>nodeInfo</b>
2065
2066                                         </dt>
2067                                         <dd>An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select</dd>
2068
2069                                         <dt>
2070                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>keepExisting</b>
2071
2072                                         </dt>
2073                                         <dd>(optional) true to keep existing selections</dd>
2074
2075                                         <dt>
2076                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>suppressEvent</b>
2077
2078                                         </dt>
2079                                         <dd>(optional) true to skip firing of the selectionchange vent</dd>
2080
2081                                 </dl>
2082
2083
2084
2085
2086
2087
2088
2089
2090
2091
2092
2093                     </div>
2094                 </div>
2095
2096             </td>
2097             <td class="msource">
2098
2099                         Roo.View
2100                 &nbsp;
2101             </td>
2102         </tr>
2103
2104
2105           <tr class="method-row config-row-alt1 expandable notInherited">
2106             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2107
2108
2109             <td class="sig">
2110                 <a id="Roo.View-method-setStore"   name=".setStore"></a>
2111                 <div class="fixedFont">
2112                         <span class="attributes"></span><b class="itemname">setStore</b>
2113
2114                                  (Store <B><i>store</i></B>)
2115
2116
2117
2118                 </div>
2119                 <div class="mdesc">
2120
2121                    <div class="short">Changes the data store this view uses and refresh the view.</div>
2122
2123
2124
2125                     <div class="long">
2126
2127                                 Changes the data store this view uses and refresh the view.
2128
2129
2130
2131
2132
2133
2134                                 <dl class="detailList">
2135                                 <dt class="heading">Parameters:</dt>
2136
2137                                         <dt>
2138                                                 <span class="fixedFont">Store</span>  <b>store</b>
2139
2140                                         </dt>
2141                                         <dd></dd>
2142
2143                                 </dl>
2144
2145
2146
2147
2148
2149
2150
2151
2152
2153
2154
2155                     </div>
2156                 </div>
2157
2158             </td>
2159             <td class="msource">
2160
2161                         Roo.View
2162                 &nbsp;
2163             </td>
2164         </tr>
2165
2166
2167           <tr class="method-row config-row-alt0 expandable">
2168             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2169
2170
2171             <td class="sig">
2172                 <a id="Roo.util.Observable-method-un"   name=".un"></a>
2173                 <div class="fixedFont">
2174                         <span class="attributes"></span><b class="itemname">un</b>
2175
2176                                  (<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>)
2177
2178
2179
2180                 </div>
2181                 <div class="mdesc">
2182
2183                    <div class="short">Removes a listener (shorthand for removeListener)</div>
2184
2185
2186
2187                     <div class="long">
2188
2189                                 Removes a listener (shorthand for removeListener)
2190
2191
2192
2193
2194
2195
2196                                 <dl class="detailList">
2197                                 <dt class="heading">Parameters:</dt>
2198
2199                                         <dt>
2200                                                 <span class="fixedFont"><a href="./String.html#constructor" roo:cls="String.html#constructor">String</a></span>  <b>eventName</b>
2201
2202                                         </dt>
2203                                         <dd>The type of event to listen for</dd>
2204
2205                                         <dt>
2206                                                 <span class="fixedFont"><a href="./Function.html#constructor" roo:cls="Function.html#constructor">Function</a></span>  <b>handler</b>
2207
2208                                         </dt>
2209                                         <dd>The handler to remove</dd>
2210
2211                                         <dt>
2212                                                 <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>
2213
2214                                         </dt>
2215                                         <dd>(optional) The scope (this object) for the handler</dd>
2216
2217                                 </dl>
2218
2219
2220
2221
2222
2223
2224
2225
2226
2227
2228
2229                     </div>
2230                 </div>
2231
2232             </td>
2233             <td class="msource">
2234
2235                         <a href="./Roo.util.Observable.html#constructor" roo:cls="Roo.util.Observable.html#constructor">Roo.util.Observable</a>
2236                 &nbsp;
2237             </td>
2238         </tr>
2239
2240
2241           <tr class="method-row config-row-alt1 expandable notInherited">
2242             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2243
2244
2245             <td class="sig">
2246                 <a id="Roo.View-method-unselect"   name=".unselect"></a>
2247                 <div class="fixedFont">
2248                         <span class="attributes"></span><b class="itemname">unselect</b>
2249
2250                                  (<a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/HTMLElement/String/Number <B><i>nodeInfo</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>keepExisting</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a> <B><i>suppressEvent</i></B>)
2251
2252
2253
2254                 </div>
2255                 <div class="mdesc">
2256
2257                    <div class="short">Unselects nodes.</div>
2258
2259
2260
2261                     <div class="long">
2262
2263                                 Unselects nodes.
2264
2265
2266
2267
2268
2269
2270                                 <dl class="detailList">
2271                                 <dt class="heading">Parameters:</dt>
2272
2273                                         <dt>
2274                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a>/HTMLElement/String/Number</span>  <b>nodeInfo</b>
2275
2276                                         </dt>
2277                                         <dd>An HTMLElement template node, index of a template node, id of a template node or an array of any of those to select</dd>
2278
2279                                         <dt>
2280                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>keepExisting</b>
2281
2282                                         </dt>
2283                                         <dd>(optional) true IGNORED (for campatibility with select)</dd>
2284
2285                                         <dt>
2286                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Boolean">Boolean</a></span>  <b>suppressEvent</b>
2287
2288                                         </dt>
2289                                         <dd>(optional) true to skip firing of the selectionchange vent</dd>
2290
2291                                 </dl>
2292
2293
2294
2295
2296
2297
2298
2299
2300
2301
2302
2303                     </div>
2304                 </div>
2305
2306             </td>
2307             <td class="msource">
2308
2309                         Roo.View
2310                 &nbsp;
2311             </td>
2312         </tr>
2313
2314
2315     </table>
2316
2317
2318   <!-- ============================== events summary / details ======================== -->
2319
2320
2321   <a id="Roo.View-events"></a>
2322
2323
2324
2325
2326
2327
2328
2329
2330       <table cellspacing="0" class="member-table">
2331                 <caption>Events</caption>
2332               <thead>
2333                 <tr>
2334                     <th class="sig-header" colspan="2">Event</th>
2335                     <th class="msource-header">Defined By</th>
2336
2337                 </tr>
2338               </thead>
2339
2340
2341
2342
2343
2344           <tr class="method-row expandable config-row-alt0 notInherited">
2345             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2346
2347             <td class="sig">
2348                 <a id="Roo.View-event-*beforeclick"></a>
2349
2350                <div class="fixedFont">
2351                 <b class="itemname">beforeclick</b> (<a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2352
2353                 </div>
2354
2355                 <div class="mdesc">
2356
2357                    <div class="short">Fires before a click is processed.
2358
2359                 </div>
2360
2361                     <div class="long">
2362
2363                         Fires before a click is processed. Returns false to cancel the default action.
2364
2365
2366
2367
2368
2369                                 <dl class="detailList">
2370                                 <dt class="heading">Parameters:</dt>
2371
2372                                         <dt>
2373                                                 <span class="fixedFont"><a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a></span> <b>this</b>
2374
2375                                         </dt>
2376                                         <dd></dd>
2377
2378                                         <dt>
2379                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>index</b>
2380
2381                                         </dt>
2382                                         <dd>The index of the target node</dd>
2383
2384                                         <dt>
2385                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2386
2387                                         </dt>
2388                                         <dd>The target node</dd>
2389
2390                                         <dt>
2391                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2392
2393                                         </dt>
2394                                         <dd>The raw event object</dd>
2395
2396                                 </dl>
2397
2398
2399
2400
2401
2402
2403
2404
2405
2406
2407
2408                     </div>
2409                 </div>
2410
2411             </td>
2412             <td class="msource">
2413                 Roo.View
2414             </td>
2415         </tr>
2416
2417           <tr class="method-row expandable config-row-alt1 notInherited">
2418             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2419
2420             <td class="sig">
2421                 <a id="Roo.View-event-*beforeselect"></a>
2422
2423                <div class="fixedFont">
2424                 <b class="itemname">beforeselect</b> (<a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a> <B><i>this</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>selections</i></B>)
2425
2426                 </div>
2427
2428                 <div class="mdesc">
2429
2430                    <div class="short">Fires before a selection is made.
2431
2432                 </div>
2433
2434                     <div class="long">
2435
2436                         Fires before a selection is made. If any handlers return false, the selection is cancelled.
2437
2438
2439
2440
2441
2442                                 <dl class="detailList">
2443                                 <dt class="heading">Parameters:</dt>
2444
2445                                         <dt>
2446                                                 <span class="fixedFont"><a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a></span> <b>this</b>
2447
2448                                         </dt>
2449                                         <dd></dd>
2450
2451                                         <dt>
2452                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2453
2454                                         </dt>
2455                                         <dd>The node to be selected</dd>
2456
2457                                         <dt>
2458                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>selections</b>
2459
2460                                         </dt>
2461                                         <dd>Array of currently selected nodes</dd>
2462
2463                                 </dl>
2464
2465
2466
2467
2468
2469
2470
2471
2472
2473
2474
2475                     </div>
2476                 </div>
2477
2478             </td>
2479             <td class="msource">
2480                 Roo.View
2481             </td>
2482         </tr>
2483
2484           <tr class="method-row expandable config-row-alt0 notInherited">
2485             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2486
2487             <td class="sig">
2488                 <a id="Roo.View-event-*click"></a>
2489
2490                <div class="fixedFont">
2491                 <b class="itemname">click</b> (<a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2492
2493                 </div>
2494
2495                 <div class="mdesc">
2496
2497                    <div class="short">Fires when a template node is clicked.
2498
2499                 </div>
2500
2501                     <div class="long">
2502
2503                         Fires when a template node is clicked.
2504
2505
2506
2507
2508
2509                                 <dl class="detailList">
2510                                 <dt class="heading">Parameters:</dt>
2511
2512                                         <dt>
2513                                                 <span class="fixedFont"><a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a></span> <b>this</b>
2514
2515                                         </dt>
2516                                         <dd></dd>
2517
2518                                         <dt>
2519                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>index</b>
2520
2521                                         </dt>
2522                                         <dd>The index of the target node</dd>
2523
2524                                         <dt>
2525                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2526
2527                                         </dt>
2528                                         <dd>The target node</dd>
2529
2530                                         <dt>
2531                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2532
2533                                         </dt>
2534                                         <dd>The raw event object</dd>
2535
2536                                 </dl>
2537
2538
2539
2540
2541
2542
2543
2544
2545
2546
2547
2548                     </div>
2549                 </div>
2550
2551             </td>
2552             <td class="msource">
2553                 Roo.View
2554             </td>
2555         </tr>
2556
2557           <tr class="method-row expandable config-row-alt1 notInherited">
2558             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2559
2560             <td class="sig">
2561                 <a id="Roo.View-event-*contextmenu"></a>
2562
2563                <div class="fixedFont">
2564                 <b class="itemname">contextmenu</b> (<a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2565
2566                 </div>
2567
2568                 <div class="mdesc">
2569
2570                    <div class="short">Fires when a template node is right clicked.
2571
2572                 </div>
2573
2574                     <div class="long">
2575
2576                         Fires when a template node is right clicked.
2577
2578
2579
2580
2581
2582                                 <dl class="detailList">
2583                                 <dt class="heading">Parameters:</dt>
2584
2585                                         <dt>
2586                                                 <span class="fixedFont"><a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a></span> <b>this</b>
2587
2588                                         </dt>
2589                                         <dd></dd>
2590
2591                                         <dt>
2592                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>index</b>
2593
2594                                         </dt>
2595                                         <dd>The index of the target node</dd>
2596
2597                                         <dt>
2598                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2599
2600                                         </dt>
2601                                         <dd>The target node</dd>
2602
2603                                         <dt>
2604                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2605
2606                                         </dt>
2607                                         <dd>The raw event object</dd>
2608
2609                                 </dl>
2610
2611
2612
2613
2614
2615
2616
2617
2618
2619
2620
2621                     </div>
2622                 </div>
2623
2624             </td>
2625             <td class="msource">
2626                 Roo.View
2627             </td>
2628         </tr>
2629
2630           <tr class="method-row expandable config-row-alt0 notInherited">
2631             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2632
2633             <td class="sig">
2634                 <a id="Roo.View-event-*dblclick"></a>
2635
2636                <div class="fixedFont">
2637                 <b class="itemname">dblclick</b> (<a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a> <B><i>this</i></B>, <a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a> <B><i>index</i></B>, <a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a> <B><i>node</i></B>, <a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a> <B><i>e</i></B>)
2638
2639                 </div>
2640
2641                 <div class="mdesc">
2642
2643                    <div class="short">Fires when a template node is double clicked.
2644
2645                 </div>
2646
2647                     <div class="long">
2648
2649                         Fires when a template node is double clicked.
2650
2651
2652
2653
2654
2655                                 <dl class="detailList">
2656                                 <dt class="heading">Parameters:</dt>
2657
2658                                         <dt>
2659                                                 <span class="fixedFont"><a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a></span> <b>this</b>
2660
2661                                         </dt>
2662                                         <dd></dd>
2663
2664                                         <dt>
2665                                                 <span class="fixedFont"><a href="./Number.html#constructor" roo:cls="Number.html#constructor">Number</a></span> <b>index</b>
2666
2667                                         </dt>
2668                                         <dd>The index of the target node</dd>
2669
2670                                         <dt>
2671                                                 <span class="fixedFont"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-58190037">HTMLElement</a></span> <b>node</b>
2672
2673                                         </dt>
2674                                         <dd>The target node</dd>
2675
2676                                         <dt>
2677                                                 <span class="fixedFont"><a href="./Roo.EventObject.html#constructor" roo:cls="Roo.EventObject.html#constructor">Roo.EventObject</a></span> <b>e</b>
2678
2679                                         </dt>
2680                                         <dd>The raw event object</dd>
2681
2682                                 </dl>
2683
2684
2685
2686
2687
2688
2689
2690
2691
2692
2693
2694                     </div>
2695                 </div>
2696
2697             </td>
2698             <td class="msource">
2699                 Roo.View
2700             </td>
2701         </tr>
2702
2703           <tr class="method-row expandable config-row-alt1 notInherited">
2704             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2705
2706             <td class="sig">
2707                 <a id="Roo.View-event-*preparedata"></a>
2708
2709                <div class="fixedFont">
2710                 <b class="itemname">preparedata</b> (<a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a> <B><i>this</i></B>, <a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a> <B><i>data</i></B>)
2711
2712                 </div>
2713
2714                 <div class="mdesc">
2715
2716                    <div class="short">Fires on every row to render, to allow you to change the data.
2717
2718                 </div>
2719
2720                     <div class="long">
2721
2722                         Fires on every row to render, to allow you to change the data.
2723
2724
2725
2726
2727
2728                                 <dl class="detailList">
2729                                 <dt class="heading">Parameters:</dt>
2730
2731                                         <dt>
2732                                                 <span class="fixedFont"><a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a></span> <b>this</b>
2733
2734                                         </dt>
2735                                         <dd></dd>
2736
2737                                         <dt>
2738                                                 <span class="fixedFont"><a href="http://developer.mozilla.org/en/docs/Core_JavaScript_1.5_Reference:Global_Objects:Object">Object</a></span> <b>data</b>
2739
2740                                         </dt>
2741                                         <dd>to be rendered (change this)</dd>
2742
2743                                 </dl>
2744
2745
2746
2747
2748
2749
2750
2751
2752
2753
2754
2755                     </div>
2756                 </div>
2757
2758             </td>
2759             <td class="msource">
2760                 Roo.View
2761             </td>
2762         </tr>
2763
2764           <tr class="method-row expandable config-row-alt0 notInherited">
2765             <td class="micon"><a class="exi" href="#expand">&nbsp;</a></td>
2766
2767             <td class="sig">
2768                 <a id="Roo.View-event-*selectionchange"></a>
2769
2770                <div class="fixedFont">
2771                 <b class="itemname">selectionchange</b> (<a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a> <B><i>this</i></B>, <a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a> <B><i>selections</i></B>)
2772
2773                 </div>
2774
2775                 <div class="mdesc">
2776
2777                    <div class="short">Fires when the selected nodes change.
2778
2779                 </div>
2780
2781                     <div class="long">
2782
2783                         Fires when the selected nodes change.
2784
2785
2786
2787
2788
2789                                 <dl class="detailList">
2790                                 <dt class="heading">Parameters:</dt>
2791
2792                                         <dt>
2793                                                 <span class="fixedFont"><a href="./Roo.View.html#constructor" roo:cls="Roo.View.html#constructor">Roo.View</a></span> <b>this</b>
2794
2795                                         </dt>
2796                                         <dd></dd>
2797
2798                                         <dt>
2799                                                 <span class="fixedFont"><a href="./Array.html#constructor" roo:cls="Array.html#constructor">Array</a></span> <b>selections</b>
2800
2801                                         </dt>
2802                                         <dd>Array of the selected nodes</dd>
2803
2804                                 </dl>
2805
2806
2807
2808
2809
2810
2811
2812
2813
2814
2815
2816                     </div>
2817                 </div>
2818
2819             </td>
2820             <td class="msource">
2821                 Roo.View
2822             </td>
2823         </tr>
2824
2825
2826     </table>
2827
2828
2829
2830
2831
2832 <!-- ============================== footer ================================= -->
2833                 <div class="fineprint" style="clear:both">
2834
2835                         Documentation generated by <a href="http://www.akbkhome.com" target="_blankt">Introspection Doc Generator</a>  on Thu Apr 24 2014 16:54:32 GMT+0800 (HKT)
2836                         Based on
2837                         <a href="http://www.jsdoctoolkit.org/" target="_blank">JsDoc Toolkit</a>
2838                 </div>
2839         </body>
2840 </html>