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.DateField
169   Roo.form.MonthField
170   Roo.form.TextField
171
172            
173 left:            
174  Roo.Toolbar.Button:menu 
175  Roo.Toolbar.SplitButton:menu
176  Roo.menu.Item:menu 
177 right: 
178  Roo.menu.Menu         
179            
180            
181            
182            
183 //Menu           
184 left:
185  Roo.menu.Menu
186 right:
187   Roo.menu.CheckItem         
188   Roo.menu.ColorItem         
189   Roo.menu.DateItem         
190   Roo.menu.DateMenu         
191   Roo.menu.Separator         
192   Roo.menu.TextItem         
193   Roo.menu.Item         
194            
195
196            
197
198 //Grids           
199 left: 
200         Roo.GridPanel:grid
201 right:
202         Roo.grid.Grid         
203         Roo.grid.EditorGrid         
204         Roo.grid.PropertyGrid
205
206            
207 left:
208   Roo.grid.Grid:sm
209   Roo.grid.EditorGrid:sm
210 right:  
211  Roo.grid.CellSelectionModel         
212  Roo.grid.RowSelectionModel         
213            
214 left:
215  Roo.grid.Grid:view
216 right:
217  Roo.grid.EditorGrid:view          
218  Roo.grid.GridView                 
219
220 left:   
221  Roo.grid.Grid:cm[] 
222  Roo.grid.EditorGrid:cm[]          
223 right:
224  Roo.grid.ColumnModel
225
226 left:           
227     Roo.grid.ColumnModel:editor
228 right:
229     Roo.grid.GridEditor         
230         
231         
232 left: 
233         Roo.grid.EditorGrid:footer
234         Roo.grid.Grid:footer
235         Roo.Grid:footer
236 right:
237         Roo.PagingToolbar
238         
239         
240 left: 
241         Roo.grid.EditorGrid:toolbar
242         Roo.grid.Grid:toolbar
243         Roo.Grid:toolbar
244         Roo.ContentPanel:toolbar
245         Roo.TreePanel:toolbar
246 right:
247         Roo.Toolbar
248                 
249         
250         
251         
252 //Tree           
253 left:
254  Roo.TreePanel:tree
255 right:
256  Roo.tree.TreePanel         
257
258 left:     
259  Roo.tree.TreePanel:root
260 right:
261  Roo.tree.AsyncTreeNode         
262   Roo.tree.TreeNode         
263
264 left:     
265   Roo.tree.TreePanel:editor
266 right:
267   Roo.tree.TreeEditor
268
269 left:     
270   Roo.tree.TreeEditor:field
271 right:
272   Roo.form.TextField
273   
274
275
276 left:           
277  Roo.tree.TreePanel:loader 
278 right:
279  Roo.tree.TreeLoader         
280  
281 left:
282         Roo.tree.TreePanel:sm
283 right:
284         Roo.tree.DefaultSelectionModel         
285         Roo.tree.MultiSelectionModel         
286
287   
288 // combos
289
290 left: 
291   Roo.grid.EditorGrid:ds
292   Roo.grid.Grid:ds
293   Roo.form.ComboBox:store
294   Roo.View:store
295   Roo.JsonView:store
296   Roo.bootstrap.ComboBox:store
297   Roo.bootstrap.Calendar:store
298   Roo.bootstrap.Table:store
299   Roo.bootstrap.PhoneInput
300 right: 
301   Roo.data.Store
302   Roo.data.SimpleStore
303
304 left:
305     Roo.form.ComboBoxArray:combo
306 right:
307     Roo.form.ComboBox
308
309 left:
310   Roo.data.Store:proxy
311 right:
312   Roo.data.HttpProxy
313   Roo.data.MemoryProxy
314  
315
316 left:
317   Roo.data.Store:reader
318 right:
319   Roo.data.JsonReader
320   Roo.data.ArrayReader
321   Roo.data.XmlReader
322
323 left:
324   Roo.View:tpl
325   Roo.JsonView:tpl
326 right: 
327   Roo.Template
328
329   
330   //drag drop..
331 left: 
332    Roo.grid.Grid:dragTarget
333 right:
334    Roo.dd.DropTarget
335   
336   
337   
338   
339 // bootstrap?
340
341 left:
342     Roo.bootstrap.Body
343     Roo.bootstrap.Container
344     Roo.bootstrap.Modal
345     Roo.bootstrap.Column
346     Roo.bootstrap.Row
347     Roo.bootstrap.TabPanel
348     Roo.bootstrap.Element
349     Roo.bootstrap.Form
350     Roo.bootstrap.UploadCropbox
351     Roo.bootstrap.Popover
352     Roo.bootstrap.Link
353     Roo.bootstrap.panel.Content
354 right:
355     Roo.bootstrap.Container
356     Roo.bootstrap.Button
357     Roo.bootstrap.ButtonGroup
358     Roo.bootstrap.Column
359     Roo.bootstrap.Form
360     Roo.bootstrap.Navbar
361     Roo.bootstrap.NavGroup
362     Roo.bootstrap.NavSimplebar
363     Roo.bootstrap.NavHeaderbar
364     Roo.bootstrap.NavSidebar
365     Roo.bootstrap.Row
366     Roo.bootstrap.Header
367     Roo.bootstrap.Img
368     Roo.bootstrap.Link
369     Roo.bootstrap.Calendar  
370     Roo.bootstrap.Popover
371     Roo.bootstrap.Input
372     Roo.bootstrap.TextArea
373     Roo.bootstrap.Table
374     Roo.bootstrap.Pagination
375     Roo.bootstrap.Progress
376     Roo.bootstrap.TabPanel
377     Roo.bootstrap.DateField
378     Roo.bootstrap.MonthField
379     Roo.bootstrap.TimeField
380     Roo.bootstrap.CheckBox
381     Roo.bootstrap.ComboBox
382     Roo.bootstrap.Element
383     Roo.bootstrap.HtmlEditor
384     Roo.bootstrap.MessageBar
385     Roo.bootstrap.dash.NumberBox
386     Roo.bootstrap.Graph
387     Roo.bootstrap.dash.TabBox
388     Roo.bootstrap.menu.Menu
389     Roo.bootstrap.LocationPicker
390     Roo.bootstrap.Alert
391     Roo.bootstrap.TabGroup
392     Roo.bootstrap.LayoutMasonry
393     Roo.bootstrap.UploadCropbox
394     Roo.bootstrap.DocumentManager
395     Roo.bootstrap.DocumentViewer
396     Roo.bootstrap.PagingToolbar
397     Roo.bootstrap.NavProgressBar
398     Roo.bootstrap.FieldLabel
399     Roo.bootstrap.DateSplitField
400     Roo.bootstrap.Brick
401     Roo.bootstrap.NumberField
402     Roo.bootstrap.DocumentSlider
403     Roo.bootstrap.RadioSet
404     Roo.bootstrap.SecurePass
405     Roo.bootstrap.PhoneInput
406
407 left:
408     Roo.bootstrap.TabGroup
409 right:
410     Roo.bootstrap.TabPanel
411
412 left:
413     Roo.bootstrap.RadioSet
414 right:
415     Roo.bootstrap.Radio
416         
417
418 left:
419     Roo.bootstrap.Progress
420 right:
421     Roo.bootstrap.ProgressBar
422
423 left:
424     Roo.bootstrap.Table
425 right:
426     Roo.bootstrap.TableRow
427     Roo.bootstrap.TableCell
428     Roo.bootstrap.TableBody
429
430 left:   
431     Roo.bootstrap.Table:cm[]          
432 right:
433     Roo.grid.ColumnModel
434
435
436 #-??? it this correct?
437 left:
438     Roo.bootstrap.Table:sm
439 right:  
440     Roo.bootstrap.Table.RowSelectionModel    
441
442
443 left:
444     Roo.bootstrap.Table:footer
445 right:  
446     Roo.bootstrap.PagingToolbar
447
448 left:
449     Roo.bootstrap.PagingToolbar:buttons[]
450 right:  
451     Roo.bootstrap.Button
452
453 left:
454     Roo.bootstrap.PagingToolbar:store
455 right:  
456     Roo.data.Store
457
458 left:
459     Roo.bootstrap.NavProgressBar:bullets[]
460 right:
461     Roo.bootstrap.NavProgressItem
462
463 left:
464     Roo.bootstrap.TableBody
465 right:
466     Roo.bootstrap.TableRow
467     Roo.bootstrap.TableCell
468
469 left:
470     Roo.bootstrap.TableRow
471 right:
472     Roo.bootstrap.TableCell
473
474 left:
475     Roo.bootstrap.TableCell
476 right:
477     Roo.bootstrap.Button
478
479 left:
480     Roo.bootstrap.ButtonGroup
481 right:
482     Roo.bootstrap.Button
483     Roo.bootstrap.Form
484
485 left:
486     Roo.bootstrap.Button:menu
487     Roo.bootstrap.NavItem:menu
488     Roo.bootstrap.NavSidebarItem:menu
489 right:
490     Roo.bootstrap.Menu
491
492 left:
493     Roo.bootstrap.Menu
494 right:
495     Roo.bootstrap.MenuItem
496     
497 left:
498     Roo.bootstrap.Navbar
499     Roo.bootstrap.NavSimplebar
500     Roo.bootstrap.NavHeaderbar
501     Roo.bootstrap.NavSidebar
502 right:    
503     Roo.bootstrap.NavGroup
504     Roo.bootstrap.Form
505     Roo.bootstrap.Row
506     Roo.bootstrap.Column
507     Roo.bootstrap.Container
508     Roo.bootstrap.Link
509
510 left:
511     Roo.bootstrap.NavGroup
512 right:
513     Roo.bootstrap.NavItem
514     Roo.bootstrap.NavSidebarItem
515     
516     
517 left:
518     Roo.bootstrap.Form
519     Roo.bootstrap.Container
520 right:
521     Roo.bootstrap.Input
522     Roo.bootstrap.TextArea
523     Roo.bootstrap.Button
524     Roo.bootstrap.ComboBox
525     Roo.bootstrap.Container
526     Roo.bootstrap.Row
527     Roo.bootstrap.TabPanel
528     Roo.bootstrap.DateField
529     Roo.bootstrap.MonthField
530     Roo.bootstrap.TimeField
531     Roo.bootstrap.CheckBox
532     Roo.bootstrap.Radio
533 //    Roo.bootstrap.Fieldset
534         
535 left:
536     Roo.bootstrap.Body
537 right:
538     Roo.bootstrap.Modal
539
540 left:    
541     Roo.bootstrap.Modal:buttons[]
542 right:
543     Roo.bootstrap.Button
544
545 left:    
546     Roo.bootstrap.Modal:tmpl
547 right:
548     Roo.Template
549     Roo.XTemplate
550     Roo.DomTemplate
551
552 left:    
553     Roo.bootstrap.Modal
554 right:
555     Roo.bootstrap.layout.Border
556
557 left:    
558     Roo.bootstrap.Header
559 right:
560     Roo.bootstrap.Container
561
562 left:    
563     Roo.bootstrap.NavItem
564     Roo.bootstrap.NavSidebarItem
565 right:
566     Roo.bootstrap.Container
567     Roo.bootstrap.Button
568
569 left:    
570     Roo.bootstrap.Pagination
571 right:
572     Roo.bootstrap.PaginationItem
573
574 left:
575     Roo.bootstrap.Input:before
576     Roo.bootstrap.Input:after
577 right:
578     Roo.bootstrap.Button
579
580 left:
581     Roo.mailer.Body
582 right:
583     Roo.mailer.BodyContainer
584
585 left:
586     Roo.mailer.BodyContainer    
587 right:
588     Roo.mailer.Block
589     
590 left:
591     Roo.mailer.Block
592 right:
593     Roo.mailer.Column
594     
595 left:
596     Roo.mailer.Column
597     Roo.mailer.Block
598 right:
599     Roo.bootstrap.Header
600     Roo.bootstrap.Container
601     Roo.bootstrap.Image
602     Roo.bootstrap.Link
603 left:
604     Roo.bootstrap.dash.TabBox
605 right:
606     Roo.bootstrap.dash.TabPane
607
608 left:
609     Roo.bootstrap.dash.TabPane
610 right:
611     Roo.bootstrap.Graph
612     Roo.bootstrap.Column
613
614
615 left:
616     Roo.bootstrap.menu.Menu
617 right:
618     Roo.bootstrap.menu.Item
619     Roo.bootstrap.menu.Separator
620
621 left:
622     Roo.bootstrap.menu.Item
623 right:
624     Roo.bootstrap.menu.Menu
625
626 left:
627     Roo.bootstrap.MenuItem
628 right:
629     Roo.bootstrap.Button
630     Roo.bootstrap.Row
631     Roo.bootstrap.Column
632     Roo.bootstrap.Container
633     
634 left:    
635     Roo.bootstrap.LayoutMasonry
636 right:
637     Roo.bootstrap.Element
638     Roo.bootstrap.Image
639     Roo.bootstrap.MasonryBrick
640
641     
642 // bootstrap layout 
643     
644 left: 
645  Roo.bootstrap.layout.Border:center
646  Roo.bootstrap.layout.Border:east
647  Roo.bootstrap.layout.Border:west
648  Roo.bootstrap.layout.Border:south
649  Roo.bootstrap.layout.Border:north 
650 right:
651  Roo.bootstrap.layout.Region
652
653  
654  
655 left:
656   Roo.bootstrap.layout.Border
657 right:
658   Roo.bootstrap.panel.Content
659   Roo.bootstrap.panel.Nest
660   Roo.bootstrap.panel.Grid
661   
662 left:
663   Roo.bootstrap.panel.Nest:layout 
664 right: 
665   Roo.bootstrap.layout.Border
666
667 left:           
668   Roo.bootstrap.panel.Grid:grid
669 right: 
670   Roo.bootstrap.Table
671
672 left:           
673   Roo.bootstrap.panel.Grid:toolbar
674 right: 
675   Roo.bootstrap.NavSimplebar
676   
677     
678     
679 // docbook!!!
680
681 // top level ? - fake body??? - not sure yet..
682
683 left:
684     Roo.bootstrap.Body
685 right:
686     Roo.doc.Entry
687     Roo.doc.Book
688
689 left:
690     Roo.doc.Book
691 right:
692     Roo.doc.Entry
693
694
695 left:
696     Roo.doc.Entry
697 right:
698     Roo.doc.Synopsis
699     Roo.doc.Section
700
701 left:
702     Roo.doc.Synopsis
703 right:
704     Roo.doc.Param
705     
706 left:
707     Roo.doc.Section
708 right:
709     Roo.doc.Para    
710     Roo.doc.Param
711     Roo.doc.Example
712
713 left:
714     Roo.bootstrap.NavSidebar
715 right:
716     Roo.doc.NavCategory
717  
718
719 left:
720     Roo.doc.NavCategory
721 right:
722     Roo.bootstrap.NavGroup
723     
724     
725     
726     
727     
728     
729     
730     
731     
732     
733     
734     
735     
736     
737     
738     
739     
740