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