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