5bac080ef7732c02479b9585e0ad766dcb801dd3
[app.Builder.js] / 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.Container
15  Roo.mailer.Body
16  
17   
18 // added with a property..  (*prop)
19  
20 left: 
21  Roo.LayoutDialog:center
22  Roo.LayoutDialog:east          
23  Roo.LayoutDialog:west          
24  Roo.LayoutDialog:south          
25  Roo.LayoutDialog:north          
26  Roo.BorderLayout:center          
27  Roo.BorderLayout:east          
28  Roo.BorderLayout:west          
29  Roo.BorderLayout:south          
30  Roo.BorderLayout:north          
31 right:
32  Roo.LayoutRegion
33
34 // add with region? region= 
35  
36 left:
37   Roo.LayoutDialog
38   Roo.BorderLayout
39 right:
40   Roo.ContentPanel         
41   Roo.NestedLayoutPanel
42   Roo.GridPanel
43   Roo.TreePanel
44   
45 // should probably look like this
46 //  Roo.ContentPanel:region=center         
47 //  Roo.NestedLayoutPanel:region=center
48 // Roo.GridPanel:region=center
49 // Roo.TreePanel:region=center
50
51            
52 left:
53   Roo.NestedLayoutPanel:layout 
54 right: 
55   Roo.BorderLayout         
56            
57            
58 left: 
59   Roo.ContentPanel 
60 right: 
61   Roo.form.Form         
62   Roo.JsonView  
63   Roo.View
64      
65 // some popup menus..     
66 left:
67   Roo.ContentPanel:menu
68   Roo.NestedLayoutPanel:menu
69   Roo.GridPanel:menu
70   Roo.TreePanel:menu
71 right:
72   Roo.menu.Menu
73            
74            
75 // Parent items         
76 left: 
77  Roo.form.Form
78  Roo.form.FieldSet 
79  Roo.form.Column 
80  Roo.form.Row
81
82 right: 
83   Roo.form.Column         
84   Roo.form.FieldSet         
85   Roo.form.Row         
86   Roo.form.Hidden         
87   Roo.form.TextField         
88   Roo.form.GridField
89   Roo.form.DateField         
90   Roo.form.NumberField         
91   Roo.form.Checkbox         
92   Roo.form.Radio         
93   Roo.form.ComboBox
94   Roo.form.ComboBoxArray         
95   Roo.form.TextArea         
96   Roo.form.HtmlEditor         
97   Roo.form.FCKeditor         
98   Roo.Button         
99
100 left: 
101   Roo.form.HtmlEditor:toolbars[]
102 right:
103   Roo.form.HtmlEditor.ToolbarStandard
104   Roo.form.HtmlEditor.ToolbarContext
105
106 left: 
107   Roo.form.HtmlEditor.ToolbarStandard:btns[]
108   Roo.form.HtmlEditor.ToolbarContext:btns[]
109 right:
110   Roo.form.TextField         
111   Roo.form.DateField         
112   Roo.form.NumberField         
113   Roo.form.Checkbox         
114   Roo.form.Radio         
115   Roo.form.ComboBox         
116   Roo.form.TextArea
117   Roo.Toolbar.Button         
118   Roo.Toolbar.Fill         
119   Roo.Toolbar.Separator         
120   Roo.Toolbar.Spacer         
121   Roo.Toolbar.SplitButton         
122   Roo.Toolbar.TextItem
123
124 left: 
125   Roo.grid.GridEditor:field
126 right:
127   Roo.form.TextField         
128   Roo.form.DateField         
129   Roo.form.NumberField         
130   Roo.form.Checkbox         
131   Roo.form.Radio         
132   Roo.form.ComboBox         
133   Roo.form.TextArea         
134            
135  
136            
137 left:
138  Roo.LayoutDialog:buttons[]
139  Roo.form.Form:buttons[] 
140 right:
141  Roo.Button         
142            
143            
144            
145            
146            
147 //Toolbar           
148 left: 
149  Roo.Toolbar 
150  Roo.PagingToolbar 
151 right: 
152   Roo.Toolbar.Button         
153   Roo.Toolbar.Fill         
154   Roo.Toolbar.Separator         
155   Roo.Toolbar.Spacer         
156   Roo.Toolbar.SplitButton         
157   Roo.Toolbar.TextItem        
158   Roo.form.ComboBox
159   Roo.form.DateField
160   Roo.form.TextField
161
162            
163 left:            
164  Roo.Toolbar.Button:menu 
165  Roo.Toolbar.SplitButton:menu
166  Roo.menu.Item:menu 
167 right: 
168  Roo.menu.Menu         
169            
170            
171            
172            
173 //Menu           
174 left:
175  Roo.menu.Menu
176 right:
177   Roo.menu.CheckItem         
178   Roo.menu.ColorItem         
179   Roo.menu.DateItem         
180   Roo.menu.DateMenu         
181   Roo.menu.Separator         
182   Roo.menu.TextItem         
183   Roo.menu.Item         
184            
185
186            
187
188 //Grids           
189 left: 
190         Roo.GridPanel:grid
191 right:
192         Roo.grid.Grid         
193         Roo.grid.EditorGrid         
194         Roo.grid.PropertyGrid
195
196            
197 left:
198   Roo.grid.Grid:sm
199   Roo.grid.EditorGrid:sm
200 right:  
201  Roo.grid.CellSelectionModel         
202  Roo.grid.RowSelectionModel         
203            
204 left:
205  Roo.grid.Grid:view
206 right:
207  Roo.grid.EditorGrid:view          
208  Roo.grid.GridView                 
209
210 left:   
211  Roo.grid.Grid:cm[] 
212  Roo.grid.EditorGrid:cm[]          
213 right:
214  Roo.grid.ColumnModel
215
216 left:           
217     Roo.grid.ColumnModel:editor
218 right:
219     Roo.grid.GridEditor         
220         
221         
222 left: 
223         Roo.grid.EditorGrid:footer
224         Roo.grid.Grid:footer
225         Roo.Grid:footer
226 right:
227         Roo.PagingToolbar
228         
229         
230 left: 
231         Roo.grid.EditorGrid:toolbar
232         Roo.grid.Grid:toolbar
233         Roo.Grid:toolbar
234         Roo.ContentPanel:toolbar
235         Roo.TreePanel:toolbar
236 right:
237         Roo.Toolbar
238                 
239         
240         
241         
242 //Tree           
243 left:
244  Roo.TreePanel:tree
245 right:
246  Roo.tree.TreePanel         
247
248 left:     
249  Roo.tree.TreePanel:root
250 right:
251  Roo.tree.AsyncTreeNode         
252   Roo.tree.TreeNode         
253
254 left:     
255   Roo.tree.TreePanel:editor
256 right:
257   Roo.tree.TreeEditor
258
259 left:     
260   Roo.tree.TreeEditor:field
261 right:
262   Roo.form.TextField
263   
264
265
266 left:           
267  Roo.tree.TreePanel:loader 
268 right:
269  Roo.tree.TreeLoader         
270  
271 left:
272         Roo.tree.TreePanel:sm
273 right:
274         Roo.tree.DefaultSelectionModel         
275         Roo.tree.MultiSelectionModel         
276
277   
278 // combos
279
280 left: 
281   Roo.grid.EditorGrid:ds
282   Roo.grid.Grid:ds
283   Roo.form.ComboBox:store
284   Roo.View:store
285   Roo.JsonView:store
286   Roo.bootstrap.ComboBox:store
287   Roo.bootstrap.Calendar:store
288   Roo.bootstrap.Table:store
289 right: 
290   Roo.data.Store
291   Roo.data.SimpleStore
292
293 left:
294     Roo.form.ComboBoxArray:combo
295 right:
296     Roo.form.ComboBox
297
298 left:
299   Roo.data.Store:proxy
300 right:
301   Roo.data.HttpProxy
302   Roo.data.MemoryProxy
303  
304
305 left:
306   Roo.data.Store:reader
307 right:
308   Roo.data.JsonReader
309   Roo.data.ArrayReader
310   Roo.data.XmlReader
311
312 left:
313   Roo.View:tpl
314   Roo.JsonView:tpl
315 right: 
316   Roo.Template
317
318   
319   //drag drop..
320 left: 
321    Roo.grid.Grid:dragTarget
322 right:
323    Roo.dd.DropTarget
324   
325   
326   
327   
328 // bootstrap?
329
330 left:
331     Roo.bootstrap.Body
332     Roo.bootstrap.Container
333     Roo.bootstrap.Modal
334     Roo.bootstrap.Column
335     Roo.bootstrap.Row
336     Roo.bootstrap.TabPanel
337     Roo.bootstrap.Element
338     Roo.bootstrap.Form
339     Roo.bootstrap.UploadCropbox
340     Roo.bootstrap.Popover
341     Roo.bootstrap.Link
342 right:
343     Roo.bootstrap.Container
344     Roo.bootstrap.Button
345     Roo.bootstrap.ButtonGroup
346     Roo.bootstrap.Column
347     Roo.bootstrap.Form
348     Roo.bootstrap.Navbar
349     Roo.bootstrap.NavGroup
350     Roo.bootstrap.NavSimplebar
351     Roo.bootstrap.NavHeaderbar
352     Roo.bootstrap.NavSidebar
353     Roo.bootstrap.Row
354     Roo.bootstrap.Header
355     Roo.bootstrap.Img
356     Roo.bootstrap.Link
357     Roo.bootstrap.Calendar  
358     Roo.bootstrap.Popover
359     Roo.bootstrap.Input
360     Roo.bootstrap.TextArea
361     Roo.bootstrap.Table
362     Roo.bootstrap.Pagination
363     Roo.bootstrap.Progress
364     Roo.bootstrap.TabPanel
365     Roo.bootstrap.DateField
366     Roo.bootstrap.MonthField
367     Roo.bootstrap.TimeField
368     Roo.bootstrap.CheckBox
369     Roo.bootstrap.Radio
370     Roo.bootstrap.ComboBox
371     Roo.bootstrap.Element
372     Roo.bootstrap.HtmlEditor
373     Roo.bootstrap.MessageBar
374     Roo.bootstrap.dash.NumberBox
375     Roo.bootstrap.Graph
376     Roo.bootstrap.dash.TabBox
377     Roo.bootstrap.menu.Menu
378     Roo.bootstrap.LocationPicker
379     Roo.bootstrap.Alert
380     Roo.bootstrap.TabGroup
381     Roo.bootstrap.LayoutMasonry
382     Roo.bootstrap.UploadCropbox
383     Roo.bootstrap.DocumentManager
384
385 left:
386     Roo.bootstrap.TabGroup
387 right:
388     Roo.bootstrap.TabPanel
389         
390
391 left:
392     Roo.bootstrap.Progress
393 right:
394     Roo.bootstrap.ProgressBar
395
396 left:
397     Roo.bootstrap.Table
398 right:
399     Roo.bootstrap.TableRow
400     Roo.bootstrap.TableCell
401     Roo.bootstrap.TableBody
402
403 left:   
404     Roo.bootstrap.Table:cm[]          
405 right:
406     Roo.grid.ColumnModel
407
408
409 #-??? it this correct?
410 left:
411     Roo.bootstrap.Table:sm
412 right:  
413     Roo.bootstrap.Table.RowSelectionModel    
414
415
416 left:
417     Roo.bootstrap.Table:footer
418 right:  
419     Roo.bootstrap.PagingToolbar
420
421 left:
422     Roo.bootstrap.PagingToolbar:buttons[]
423 right:  
424     Roo.bootstrap.Button
425
426 left:
427     Roo.bootstrap.TableBody
428 right:
429     Roo.bootstrap.TableRow
430     Roo.bootstrap.TableCell
431
432 left:
433     Roo.bootstrap.TableRow
434 right:
435     Roo.bootstrap.TableCell
436
437 left:
438     Roo.bootstrap.TableCell
439 right:
440     Roo.bootstrap.Button
441
442 left:
443     Roo.bootstrap.ButtonGroup
444 right:
445     Roo.bootstrap.Button
446     Roo.bootstrap.Form
447
448 left:
449     Roo.bootstrap.Button:menu
450     Roo.bootstrap.NavItem:menu
451     Roo.bootstrap.NavSidebarItem:menu
452 right:
453     Roo.bootstrap.Menu
454
455 left:
456     Roo.bootstrap.Menu
457 right:
458     Roo.bootstrap.MenuItem
459     
460 left:
461     Roo.bootstrap.Navbar
462     Roo.bootstrap.NavSimplebar
463     Roo.bootstrap.NavHeaderbar
464     Roo.bootstrap.NavSidebar
465 right:    
466     Roo.bootstrap.NavGroup
467     Roo.bootstrap.Form
468     Roo.bootstrap.Row
469     Roo.bootstrap.Column
470     Roo.bootstrap.Container
471     Roo.bootstrap.Link
472
473 left:
474     Roo.bootstrap.NavGroup
475 right:
476     Roo.bootstrap.NavItem
477     Roo.bootstrap.NavSidebarItem
478     
479     
480 left:
481     Roo.bootstrap.Form
482     Roo.bootstrap.Container
483 right:
484     Roo.bootstrap.Input
485     Roo.bootstrap.TextArea
486     Roo.bootstrap.Button
487     Roo.bootstrap.ComboBox
488     Roo.bootstrap.Container
489     Roo.bootstrap.Row
490     Roo.bootstrap.TabPanel
491     Roo.bootstrap.DateField
492     Roo.bootstrap.MonthField
493     Roo.bootstrap.TimeField
494     Roo.bootstrap.CheckBox
495     Roo.bootstrap.Radio
496 //    Roo.bootstrap.Fieldset
497         
498 left:
499     Roo.bootstrap.Body
500 right:
501     Roo.bootstrap.Modal
502
503 left:    
504     Roo.bootstrap.Modal:buttons[]
505 right:
506     Roo.bootstrap.Button
507
508 left:    
509     Roo.bootstrap.Modal:tmpl
510 right:
511     Roo.Template
512     Roo.XTemplate
513     Roo.DomTemplate
514
515
516 left:    
517     Roo.bootstrap.Header
518 right:
519     Roo.bootstrap.Container
520
521 left:    
522     Roo.bootstrap.NavItem
523     Roo.bootstrap.NavSidebarItem
524 right:
525     Roo.bootstrap.Container
526     Roo.bootstrap.Button
527
528 left:    
529     Roo.bootstrap.Pagination
530 right:
531     Roo.bootstrap.PaginationItem
532
533 left:
534     Roo.bootstrap.Input:before
535     Roo.bootstrap.Input:after
536 right:
537     Roo.bootstrap.Button
538
539 left:
540     Roo.mailer.Body
541 right:
542     Roo.mailer.BodyContainer
543
544 left:
545     Roo.mailer.BodyContainer    
546 right:
547     Roo.mailer.Block
548     
549 left:
550     Roo.mailer.Block
551 right:
552     Roo.mailer.Column
553     
554 left:
555     Roo.mailer.Column
556     Roo.mailer.Block
557 right:
558     Roo.bootstrap.Header
559     Roo.bootstrap.Container
560     Roo.bootstrap.Image
561     Roo.bootstrap.Link
562 left:
563     Roo.bootstrap.dash.TabBox
564 right:
565     Roo.bootstrap.dash.TabPane
566
567 left:
568     Roo.bootstrap.dash.TabPane
569 right:
570     Roo.bootstrap.Graph
571     Roo.bootstrap.Column
572
573
574 left:
575     Roo.bootstrap.menu.Menu
576 right:
577     Roo.bootstrap.menu.Item
578     Roo.bootstrap.menu.Separator
579
580 left:
581     Roo.bootstrap.menu.Item
582 right:
583     Roo.bootstrap.menu.Menu
584
585 left:
586     Roo.bootstrap.MenuItem
587 right:
588     Roo.bootstrap.Button
589     Roo.bootstrap.Row
590     Roo.bootstrap.Column
591     Roo.bootstrap.Container