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