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     Roo.bootstrap.MoneyField
407
408 left:
409     Roo.bootstrap.TabGroup
410 right:
411     Roo.bootstrap.TabPanel
412
413 left:
414     Roo.bootstrap.RadioSet
415 right:
416     Roo.bootstrap.Radio
417         
418
419 left:
420     Roo.bootstrap.Progress
421 right:
422     Roo.bootstrap.ProgressBar
423
424 left:
425     Roo.bootstrap.Table
426 right:
427     Roo.bootstrap.TableRow
428     Roo.bootstrap.TableCell
429     Roo.bootstrap.TableBody
430
431 left:   
432     Roo.bootstrap.Table:cm[]          
433 right:
434     Roo.grid.ColumnModel
435
436
437 #-??? it this correct?
438 left:
439     Roo.bootstrap.Table:sm
440 right:  
441     Roo.bootstrap.Table.RowSelectionModel    
442
443
444 left:
445     Roo.bootstrap.Table:footer
446 right:  
447     Roo.bootstrap.PagingToolbar
448
449 left:
450     Roo.bootstrap.PagingToolbar:buttons[]
451 right:  
452     Roo.bootstrap.Button
453
454 left:
455     Roo.bootstrap.PagingToolbar:store
456 right:  
457     Roo.data.Store
458
459 left:
460     Roo.bootstrap.NavProgressBar:bullets[]
461 right:
462     Roo.bootstrap.NavProgressItem
463
464 left:
465     Roo.bootstrap.TableBody
466 right:
467     Roo.bootstrap.TableRow
468     Roo.bootstrap.TableCell
469
470 left:
471     Roo.bootstrap.TableRow
472 right:
473     Roo.bootstrap.TableCell
474
475 left:
476     Roo.bootstrap.TableCell
477 right:
478     Roo.bootstrap.Button
479
480 left:
481     Roo.bootstrap.ButtonGroup
482 right:
483     Roo.bootstrap.Button
484     Roo.bootstrap.Form
485
486 left:
487     Roo.bootstrap.Button:menu
488     Roo.bootstrap.NavItem:menu
489     Roo.bootstrap.NavSidebarItem:menu
490 right:
491     Roo.bootstrap.Menu
492
493 left:
494     Roo.bootstrap.Menu
495 right:
496     Roo.bootstrap.MenuItem
497     
498 left:
499     Roo.bootstrap.Navbar
500     Roo.bootstrap.NavSimplebar
501     Roo.bootstrap.NavHeaderbar
502     Roo.bootstrap.NavSidebar
503 right:    
504     Roo.bootstrap.NavGroup
505     Roo.bootstrap.Form
506     Roo.bootstrap.Row
507     Roo.bootstrap.Column
508     Roo.bootstrap.Container
509     Roo.bootstrap.Link
510
511 left:
512     Roo.bootstrap.NavGroup
513 right:
514     Roo.bootstrap.NavItem
515     Roo.bootstrap.NavSidebarItem
516     
517     
518 left:
519     Roo.bootstrap.Form
520     Roo.bootstrap.Container
521 right:
522     Roo.bootstrap.Input
523     Roo.bootstrap.TextArea
524     Roo.bootstrap.Button
525     Roo.bootstrap.ComboBox
526     Roo.bootstrap.Container
527     Roo.bootstrap.Row
528     Roo.bootstrap.TabPanel
529     Roo.bootstrap.DateField
530     Roo.bootstrap.MonthField
531     Roo.bootstrap.TimeField
532     Roo.bootstrap.CheckBox
533     Roo.bootstrap.Radio
534 //    Roo.bootstrap.Fieldset
535         
536 left:
537     Roo.bootstrap.Body
538 right:
539     Roo.bootstrap.Modal
540
541 left:    
542     Roo.bootstrap.Modal:buttons[]
543 right:
544     Roo.bootstrap.Button
545
546 left:    
547     Roo.bootstrap.Modal:tmpl
548 right:
549     Roo.Template
550     Roo.XTemplate
551     Roo.DomTemplate
552
553 left:    
554     Roo.bootstrap.Modal
555 right:
556     Roo.bootstrap.layout.Border
557
558 left:    
559     Roo.bootstrap.Header
560 right:
561     Roo.bootstrap.Container
562
563 left:    
564     Roo.bootstrap.NavItem
565     Roo.bootstrap.NavSidebarItem
566 right:
567     Roo.bootstrap.Container
568     Roo.bootstrap.Button
569
570 left:    
571     Roo.bootstrap.Pagination
572 right:
573     Roo.bootstrap.PaginationItem
574
575 left:
576     Roo.bootstrap.Input:before
577     Roo.bootstrap.Input:after
578 right:
579     Roo.bootstrap.Button
580
581 left:
582     Roo.mailer.Body
583 right:
584     Roo.mailer.BodyContainer
585
586 left:
587     Roo.mailer.BodyContainer    
588 right:
589     Roo.mailer.Block
590     
591 left:
592     Roo.mailer.Block
593 right:
594     Roo.mailer.Column
595     
596 left:
597     Roo.mailer.Column
598     Roo.mailer.Block
599 right:
600     Roo.bootstrap.Header
601     Roo.bootstrap.Container
602     Roo.bootstrap.Image
603     Roo.bootstrap.Link
604 left:
605     Roo.bootstrap.dash.TabBox
606 right:
607     Roo.bootstrap.dash.TabPane
608
609 left:
610     Roo.bootstrap.dash.TabPane
611 right:
612     Roo.bootstrap.Graph
613     Roo.bootstrap.Column
614
615
616 left:
617     Roo.bootstrap.menu.Menu
618 right:
619     Roo.bootstrap.menu.Item
620     Roo.bootstrap.menu.Separator
621
622 left:
623     Roo.bootstrap.menu.Item
624 right:
625     Roo.bootstrap.menu.Menu
626
627 left:
628     Roo.bootstrap.MenuItem
629 right:
630     Roo.bootstrap.Button
631     Roo.bootstrap.Row
632     Roo.bootstrap.Column
633     Roo.bootstrap.Container
634     
635 left:    
636     Roo.bootstrap.LayoutMasonry
637 right:
638     Roo.bootstrap.Element
639     Roo.bootstrap.Image
640     Roo.bootstrap.MasonryBrick
641
642     
643 // bootstrap layout 
644     
645 left: 
646  Roo.bootstrap.layout.Border:center
647  Roo.bootstrap.layout.Border:east
648  Roo.bootstrap.layout.Border:west
649  Roo.bootstrap.layout.Border:south
650  Roo.bootstrap.layout.Border:north 
651 right:
652  Roo.bootstrap.layout.Region
653
654  
655  
656 left:
657   Roo.bootstrap.layout.Border
658 right:
659   Roo.bootstrap.panel.Content
660   Roo.bootstrap.panel.Nest
661   Roo.bootstrap.panel.Grid
662   
663 left:
664   Roo.bootstrap.panel.Nest:layout 
665 right: 
666   Roo.bootstrap.layout.Border
667
668 left:           
669   Roo.bootstrap.panel.Grid:grid
670 right: 
671   Roo.bootstrap.Table
672
673 left:           
674   Roo.bootstrap.panel.Grid:toolbar
675 right: 
676   Roo.bootstrap.NavSimplebar
677   
678     
679     
680 // docbook!!!
681
682 // top level ? - fake body??? - not sure yet..
683
684 left:
685     Roo.bootstrap.Body
686 right:
687     Roo.doc.Entry
688     Roo.doc.Book
689
690 left:
691     Roo.doc.Book
692 right:
693     Roo.doc.Entry
694
695
696 left:
697     Roo.doc.Entry
698 right:
699     Roo.doc.Synopsis
700     Roo.doc.Section
701
702 left:
703     Roo.doc.Synopsis
704 right:
705     Roo.doc.Param
706     
707 left:
708     Roo.doc.Section
709 right:
710     Roo.doc.Para    
711     Roo.doc.Param
712     Roo.doc.Example
713
714 left:
715     Roo.bootstrap.NavSidebar
716 right:
717     Roo.doc.NavCategory
718  
719
720 left:
721     Roo.doc.NavCategory
722 right:
723     Roo.bootstrap.NavGroup
724     
725 left:
726     Roo.bootstrap.MoneyField:store
727 right:  
728     Roo.data.Store