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