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