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