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