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