Merge branch 'master' of http://git.roojs.com/roobuilder
[roobuilder] / resources / RooUsage.txt
1
2 // what can be added where...
3
4 left:
5  *top
6 right:
7  Roo.LayoutDialog         
8  Roo.NestedLayoutPanel
9  Roo.ContentPanel         
10  Roo.GridPanel         
11  Roo.TreePanel
12  Roo.bootstrap.Body
13  Roo.bootstrap.Modal
14  Roo.bootstrap.layout.Border
15  Roo.bootstrap.panel.Content
16  Roo.bootstrap.panel.Nest
17  Roo.bootstrap.panel.Grid
18  Roo.bootstrap.Container
19  Roo.mailer.Body
20  Roo.doc.Entry
21  
22  
23   
24 // added with a property..  (*prop)
25  
26 left: 
27  Roo.LayoutDialog:center
28  Roo.LayoutDialog:east          
29  Roo.LayoutDialog:west          
30  Roo.LayoutDialog:south          
31  Roo.LayoutDialog:north          
32  Roo.BorderLayout:center          
33  Roo.BorderLayout:east          
34  Roo.BorderLayout:west          
35  Roo.BorderLayout:south          
36  Roo.BorderLayout:north          
37 right:
38  Roo.LayoutRegion
39
40 // add with region? region= 
41  
42 left:
43   Roo.LayoutDialog
44   Roo.BorderLayout
45 right:
46   Roo.ContentPanel         
47   Roo.NestedLayoutPanel
48   Roo.GridPanel
49   Roo.TreePanel
50   
51 // should probably look like this
52 //  Roo.ContentPanel:region=center         
53 //  Roo.NestedLayoutPanel:region=center
54 // Roo.GridPanel:region=center
55 // Roo.TreePanel:region=center
56
57            
58 left:
59   Roo.NestedLayoutPanel:layout 
60 right: 
61   Roo.BorderLayout         
62            
63            
64 left: 
65   Roo.ContentPanel 
66 right: 
67   Roo.form.Form         
68   Roo.JsonView  
69   Roo.View
70      
71 // some popup menus..     
72 left:
73   Roo.ContentPanel:menu
74   Roo.NestedLayoutPanel:menu
75   Roo.GridPanel:menu
76   Roo.TreePanel:menu
77 right:
78   Roo.menu.Menu
79            
80            
81 // Parent items         
82 left: 
83  Roo.form.Form
84  Roo.form.FieldSet 
85  Roo.form.Column 
86  Roo.form.Row
87
88 right: 
89   Roo.form.Column         
90   Roo.form.FieldSet         
91   Roo.form.Row         
92   Roo.form.Hidden         
93   Roo.form.TextField         
94   Roo.form.GridField
95   Roo.form.DateField
96   Roo.form.MonthField
97   Roo.form.NumberField         
98   Roo.form.Checkbox         
99   Roo.form.Radio         
100   Roo.form.ComboBox
101   Roo.form.ComboBoxArray         
102   Roo.form.TextArea         
103   Roo.form.HtmlEditor         
104   Roo.form.FCKeditor         
105   Roo.Button         
106
107 left: 
108   Roo.form.HtmlEditor:toolbars[]
109 right:
110   Roo.form.HtmlEditor.ToolbarStandard
111   Roo.form.HtmlEditor.ToolbarContext
112
113 left: 
114   Roo.form.HtmlEditor.ToolbarStandard:btns[]
115   Roo.form.HtmlEditor.ToolbarContext:btns[]
116 right:
117   Roo.form.TextField         
118   Roo.form.DateField   
119   Roo.form.MonthField      
120   Roo.form.NumberField         
121   Roo.form.Checkbox         
122   Roo.form.Radio         
123   Roo.form.ComboBox         
124   Roo.form.TextArea
125   Roo.Toolbar.Button         
126   Roo.Toolbar.Fill         
127   Roo.Toolbar.Separator         
128   Roo.Toolbar.Spacer         
129   Roo.Toolbar.SplitButton         
130   Roo.Toolbar.TextItem
131
132 left: 
133   Roo.grid.GridEditor:field
134 right:
135   Roo.form.TextField         
136   Roo.form.DateField   
137   Roo.form.MonthField      
138   Roo.form.NumberField         
139   Roo.form.Checkbox         
140   Roo.form.Radio         
141   Roo.form.ComboBox         
142   Roo.form.TextArea         
143            
144  
145            
146 left:
147  Roo.LayoutDialog:buttons[]
148  Roo.form.Form:buttons[] 
149 right:
150  Roo.Button         
151            
152            
153            
154            
155            
156 //Toolbar           
157 left: 
158  Roo.Toolbar 
159  Roo.PagingToolbar 
160 right: 
161   Roo.Toolbar.Button         
162   Roo.Toolbar.Fill         
163   Roo.Toolbar.Separator         
164   Roo.Toolbar.Spacer         
165   Roo.Toolbar.SplitButton         
166   Roo.Toolbar.TextItem        
167   Roo.form.ComboBox
168   Roo.form.ComboBoxArray
169   Roo.form.DateField
170   Roo.form.MonthField
171   Roo.form.TextField
172
173            
174 left:            
175  Roo.Toolbar.Button:menu 
176  Roo.Toolbar.SplitButton:menu
177  Roo.menu.Item:menu 
178 right: 
179  Roo.menu.Menu         
180            
181            
182            
183            
184 //Menu           
185 left:
186  Roo.menu.Menu
187 right:
188   Roo.menu.CheckItem         
189   Roo.menu.ColorItem         
190   Roo.menu.DateItem         
191   Roo.menu.DateMenu         
192   Roo.menu.Separator         
193   Roo.menu.TextItem         
194   Roo.menu.Item         
195            
196
197            
198
199 //Grids           
200 left: 
201         Roo.GridPanel:grid
202 right:
203         Roo.grid.Grid         
204         Roo.grid.EditorGrid         
205         Roo.grid.PropertyGrid
206
207            
208 left:
209   Roo.grid.Grid:sm
210   Roo.grid.EditorGrid:sm
211 right:  
212  Roo.grid.CellSelectionModel         
213  Roo.grid.RowSelectionModel         
214            
215 left:
216  Roo.grid.Grid:view
217 right:
218  Roo.grid.EditorGrid:view          
219  Roo.grid.GridView                 
220
221 left:   
222  Roo.grid.Grid:cm[] 
223  Roo.grid.EditorGrid:cm[]          
224 right:
225  Roo.grid.ColumnModel
226
227 left:           
228     Roo.grid.ColumnModel:editor
229 right:
230     Roo.grid.GridEditor         
231         
232         
233 left: 
234         Roo.grid.EditorGrid:footer
235         Roo.grid.Grid:footer
236         Roo.Grid:footer
237 right:
238         Roo.PagingToolbar
239         
240         
241 left: 
242         Roo.grid.EditorGrid:toolbar
243         Roo.grid.Grid:toolbar
244         Roo.Grid:toolbar
245         Roo.ContentPanel:toolbar
246         Roo.TreePanel:toolbar
247 right:
248         Roo.Toolbar
249                 
250         
251         
252         
253 //Tree           
254 left:
255  Roo.TreePanel:tree
256 right:
257  Roo.tree.TreePanel         
258
259 left:     
260  Roo.tree.TreePanel:root
261 right:
262  Roo.tree.AsyncTreeNode         
263   Roo.tree.TreeNode         
264
265 left:     
266   Roo.tree.TreePanel:editor
267 right:
268   Roo.tree.TreeEditor
269
270 left:     
271   Roo.tree.TreeEditor:field
272 right:
273   Roo.form.TextField
274   
275
276
277 left:           
278  Roo.tree.TreePanel:loader 
279 right:
280  Roo.tree.TreeLoader         
281  
282 left:
283         Roo.tree.TreePanel:sm
284 right:
285         Roo.tree.DefaultSelectionModel         
286         Roo.tree.MultiSelectionModel         
287
288   
289 // combos
290
291 left: 
292   Roo.grid.EditorGrid:ds
293   Roo.grid.Grid:ds
294   Roo.form.ComboBox:store
295   Roo.View:store
296   Roo.JsonView:store
297   Roo.bootstrap.ComboBox:store
298   Roo.bootstrap.Calendar:store
299   Roo.bootstrap.Table:store
300   Roo.bootstrap.PhoneInput
301 right: 
302   Roo.data.Store
303   Roo.data.SimpleStore
304
305 left:
306     Roo.form.ComboBoxArray:combo
307 right:
308     Roo.form.ComboBox
309
310 left:
311   Roo.data.Store:proxy
312 right:
313   Roo.data.HttpProxy
314   Roo.data.MemoryProxy
315  
316
317 left:
318   Roo.data.Store:reader
319 right:
320   Roo.data.JsonReader
321   Roo.data.ArrayReader
322   Roo.data.XmlReader
323
324 left:
325   Roo.View:tpl
326   Roo.JsonView:tpl
327 right: 
328   Roo.Template
329
330   
331   //drag drop..
332 left: 
333    Roo.grid.Grid:dragTarget
334 right:
335    Roo.dd.DropTarget
336   
337   
338   
339   
340 // bootstrap?
341
342 left:
343     Roo.bootstrap.Body
344     Roo.bootstrap.Container
345     Roo.bootstrap.Modal
346     Roo.bootstrap.Column
347     Roo.bootstrap.Row
348     Roo.bootstrap.TabPanel
349     Roo.bootstrap.Element
350     Roo.bootstrap.Form
351     Roo.bootstrap.UploadCropbox
352     Roo.bootstrap.Popover
353     Roo.bootstrap.Link
354     Roo.bootstrap.panel.Content
355 right:
356     Roo.bootstrap.Container
357     Roo.bootstrap.Button
358     Roo.bootstrap.ButtonGroup
359     Roo.bootstrap.Column
360     Roo.bootstrap.Form
361     Roo.bootstrap.Navbar
362     Roo.bootstrap.NavGroup
363     Roo.bootstrap.NavSimplebar
364     Roo.bootstrap.NavHeaderbar
365     Roo.bootstrap.NavSidebar
366     Roo.bootstrap.Row
367     Roo.bootstrap.Header
368     Roo.bootstrap.Img
369     Roo.bootstrap.Link
370     Roo.bootstrap.Calendar  
371     Roo.bootstrap.Popover
372     Roo.bootstrap.Input
373     Roo.bootstrap.TextArea
374     Roo.bootstrap.Table
375     Roo.bootstrap.Pagination
376     Roo.bootstrap.Progress
377     Roo.bootstrap.TabPanel
378     Roo.bootstrap.DateField
379     Roo.bootstrap.MonthField
380     Roo.bootstrap.TimeField
381     Roo.bootstrap.CheckBox
382     Roo.bootstrap.ComboBox
383     Roo.bootstrap.Element
384     Roo.bootstrap.HtmlEditor
385     Roo.bootstrap.MessageBar
386     Roo.bootstrap.dash.NumberBox
387     Roo.bootstrap.Graph
388     Roo.bootstrap.dash.TabBox
389     Roo.bootstrap.menu.Menu
390     Roo.bootstrap.LocationPicker
391     Roo.bootstrap.Alert
392     Roo.bootstrap.TabGroup
393     Roo.bootstrap.LayoutMasonry
394     Roo.bootstrap.UploadCropbox
395     Roo.bootstrap.DocumentManager
396     Roo.bootstrap.DocumentViewer
397     Roo.bootstrap.PagingToolbar
398     Roo.bootstrap.NavProgressBar
399     Roo.bootstrap.FieldLabel
400     Roo.bootstrap.DateSplitField
401     Roo.bootstrap.Brick
402     Roo.bootstrap.NumberField
403     Roo.bootstrap.DocumentSlider
404     Roo.bootstrap.RadioSet
405     Roo.bootstrap.SecurePass
406     Roo.bootstrap.PhoneInput
407     Roo.bootstrap.MoneyField
408
409 left:
410     Roo.bootstrap.TabGroup
411 right:
412     Roo.bootstrap.TabPanel
413
414 left:
415     Roo.bootstrap.RadioSet
416 right:
417     Roo.bootstrap.Radio
418         
419
420 left:
421     Roo.bootstrap.Progress
422 right:
423     Roo.bootstrap.ProgressBar
424
425 left:
426     Roo.bootstrap.Table
427 right:
428     Roo.bootstrap.TableRow
429     Roo.bootstrap.TableCell
430     Roo.bootstrap.TableBody
431
432 left:   
433     Roo.bootstrap.Table:cm[]          
434 right:
435     Roo.grid.ColumnModel
436
437
438 #-??? it this correct?
439 left:
440     Roo.bootstrap.Table:sm
441 right:  
442     Roo.bootstrap.Table.RowSelectionModel    
443
444
445 left:
446     Roo.bootstrap.Table:footer
447 right:  
448     Roo.bootstrap.PagingToolbar
449
450 left:
451     Roo.bootstrap.PagingToolbar:buttons[]
452 right:  
453     Roo.bootstrap.Button
454
455 left:
456     Roo.bootstrap.PagingToolbar:store
457 right:  
458     Roo.data.Store
459
460 left:
461     Roo.bootstrap.NavProgressBar:bullets[]
462 right:
463     Roo.bootstrap.NavProgressItem
464
465 left:
466     Roo.bootstrap.TableBody
467 right:
468     Roo.bootstrap.TableRow
469     Roo.bootstrap.TableCell
470
471 left:
472     Roo.bootstrap.TableRow
473 right:
474     Roo.bootstrap.TableCell
475
476 left:
477     Roo.bootstrap.TableCell
478 right:
479     Roo.bootstrap.Button
480
481 left:
482     Roo.bootstrap.ButtonGroup
483 right:
484     Roo.bootstrap.Button
485     Roo.bootstrap.Form
486
487 left:
488     Roo.bootstrap.Button:menu
489     Roo.bootstrap.NavItem:menu
490     Roo.bootstrap.NavSidebarItem:menu
491 right:
492     Roo.bootstrap.Menu
493
494 left:
495     Roo.bootstrap.Menu
496 right:
497     Roo.bootstrap.MenuItem
498     
499 left:
500     Roo.bootstrap.Navbar
501     Roo.bootstrap.NavSimplebar
502     Roo.bootstrap.NavHeaderbar
503     Roo.bootstrap.NavSidebar
504 right:    
505     Roo.bootstrap.NavGroup
506     Roo.bootstrap.Form
507     Roo.bootstrap.Row
508     Roo.bootstrap.Column
509     Roo.bootstrap.Container
510     Roo.bootstrap.Link
511
512 left:
513     Roo.bootstrap.NavGroup
514 right:
515     Roo.bootstrap.NavItem
516     Roo.bootstrap.NavSidebarItem
517     
518     
519 left:
520     Roo.bootstrap.Form
521     Roo.bootstrap.Container
522 right:
523     Roo.bootstrap.Input
524     Roo.bootstrap.TextArea
525     Roo.bootstrap.Button
526     Roo.bootstrap.ComboBox
527     Roo.bootstrap.Container
528     Roo.bootstrap.Row
529     Roo.bootstrap.TabPanel
530     Roo.bootstrap.DateField
531     Roo.bootstrap.MonthField
532     Roo.bootstrap.TimeField
533     Roo.bootstrap.CheckBox
534     Roo.bootstrap.Radio
535 //    Roo.bootstrap.Fieldset
536         
537 left:
538     Roo.bootstrap.Body
539 right:
540     Roo.bootstrap.Modal
541
542 left:    
543     Roo.bootstrap.Modal:buttons[]
544 right:
545     Roo.bootstrap.Button
546
547 left:    
548     Roo.bootstrap.Modal:tmpl
549 right:
550     Roo.Template
551     Roo.XTemplate
552     Roo.DomTemplate
553
554 left:    
555     Roo.bootstrap.Modal
556 right:
557     Roo.bootstrap.layout.Border
558
559 left:    
560     Roo.bootstrap.Header
561 right:
562     Roo.bootstrap.Container
563
564 left:    
565     Roo.bootstrap.NavItem
566     Roo.bootstrap.NavSidebarItem
567 right:
568     Roo.bootstrap.Container
569     Roo.bootstrap.Button
570
571 left:    
572     Roo.bootstrap.Pagination
573 right:
574     Roo.bootstrap.PaginationItem
575
576 left:
577     Roo.bootstrap.Input:before
578     Roo.bootstrap.Input:after
579 right:
580     Roo.bootstrap.Button
581
582 left:
583     Roo.mailer.Body
584 right:
585     Roo.mailer.BodyContainer
586
587 left:
588     Roo.mailer.BodyContainer    
589 right:
590     Roo.mailer.Block
591     
592 left:
593     Roo.mailer.Block
594 right:
595     Roo.mailer.Column
596     
597 left:
598     Roo.mailer.Column
599     Roo.mailer.Block
600 right:
601     Roo.bootstrap.Header
602     Roo.bootstrap.Container
603     Roo.bootstrap.Image
604     Roo.bootstrap.Link
605 left:
606     Roo.bootstrap.dash.TabBox
607 right:
608     Roo.bootstrap.dash.TabPane
609
610 left:
611     Roo.bootstrap.dash.TabPane
612 right:
613     Roo.bootstrap.Graph
614     Roo.bootstrap.Column
615
616
617 left:
618     Roo.bootstrap.menu.Menu
619 right:
620     Roo.bootstrap.menu.Item
621     Roo.bootstrap.menu.Separator
622
623 left:
624     Roo.bootstrap.menu.Item
625 right:
626     Roo.bootstrap.menu.Menu
627
628 left:
629     Roo.bootstrap.MenuItem
630 right:
631     Roo.bootstrap.Button
632     Roo.bootstrap.Row
633     Roo.bootstrap.Column
634     Roo.bootstrap.Container
635     
636 left:    
637     Roo.bootstrap.LayoutMasonry
638 right:
639     Roo.bootstrap.Element
640     Roo.bootstrap.Image
641     Roo.bootstrap.MasonryBrick
642
643     
644 // bootstrap layout 
645     
646 left: 
647  Roo.bootstrap.layout.Border:center
648  Roo.bootstrap.layout.Border:east
649  Roo.bootstrap.layout.Border:west
650  Roo.bootstrap.layout.Border:south
651  Roo.bootstrap.layout.Border:north 
652 right:
653  Roo.bootstrap.layout.Region
654
655  
656  
657 left:
658   Roo.bootstrap.layout.Border
659 right:
660   Roo.bootstrap.panel.Content
661   Roo.bootstrap.panel.Nest
662   Roo.bootstrap.panel.Grid
663   
664 left:
665   Roo.bootstrap.panel.Nest:layout 
666 right: 
667   Roo.bootstrap.layout.Border
668
669 left:           
670   Roo.bootstrap.panel.Grid:grid
671 right: 
672   Roo.bootstrap.Table
673
674 left:           
675   Roo.bootstrap.panel.Grid:toolbar
676 right: 
677   Roo.bootstrap.NavSimplebar
678   
679     
680     
681 // docbook!!!
682
683 // top level ? - fake body??? - not sure yet..
684
685 left:
686     Roo.bootstrap.Body
687 right:
688     Roo.doc.Entry
689     Roo.doc.Book
690
691 left:
692     Roo.doc.Book
693 right:
694     Roo.doc.Entry
695
696
697 left:
698     Roo.doc.Entry
699 right:
700     Roo.doc.Synopsis
701     Roo.doc.Section
702
703 left:
704     Roo.doc.Synopsis
705 right:
706     Roo.doc.Param
707     
708 left:
709     Roo.doc.Section
710 right:
711     Roo.doc.Para    
712     Roo.doc.Param
713     Roo.doc.Example
714
715 left:
716     Roo.bootstrap.NavSidebar
717 right:
718     Roo.doc.NavCategory
719  
720
721 left:
722     Roo.doc.NavCategory
723 right:
724     Roo.bootstrap.NavGroup
725     
726 left:
727     Roo.bootstrap.MoneyField:store
728 right:  
729     Roo.data.Store