resources/roo.builder.js
[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 right:
339     Roo.bootstrap.Container
340     Roo.bootstrap.Button
341     Roo.bootstrap.ButtonGroup
342     Roo.bootstrap.Column
343     Roo.bootstrap.Form
344     Roo.bootstrap.Navbar
345     Roo.bootstrap.NavGroup
346     Roo.bootstrap.NavSimplebar
347     Roo.bootstrap.NavHeaderbar
348     Roo.bootstrap.NavSidebar
349     Roo.bootstrap.Row
350     Roo.bootstrap.Header
351     Roo.bootstrap.Img
352     Roo.bootstrap.Link
353     Roo.bootstrap.Calendar  
354     Roo.bootstrap.Popover
355     Roo.bootstrap.Input
356     Roo.bootstrap.TextArea
357     Roo.bootstrap.Table
358     Roo.bootstrap.Pagination
359     Roo.bootstrap.Progress
360     Roo.bootstrap.TabPanel
361     Roo.bootstrap.DateField
362     Roo.bootstrap.TimeField
363     Roo.bootstrap.CheckBox
364     Roo.bootstrap.Radio
365     Roo.bootstrap.ComboBox
366     Roo.bootstrap.Element
367     Roo.bootstrap.HtmlEditor
368     Roo.bootstrap.MessageBar
369     Roo.bootstrap.dash.NumberBox
370     Roo.bootstrap.Graph
371     Roo.bootstrap.dash.TabBox
372     Roo.bootstrap.menu.Menu
373     Roo.bootstrap.LocationPicker
374     Roo.bootstrap.Alert
375
376
377 left:
378     Roo.bootstrap.Progress
379 right:
380     Roo.bootstrap.ProgressBar
381
382 left:
383     Roo.bootstrap.Table
384 right:
385     Roo.bootstrap.TableRow
386     Roo.bootstrap.TableCell
387     Roo.bootstrap.TableBody
388
389 left:   
390     Roo.bootstrap.Table:cm[]          
391 right:
392     Roo.grid.ColumnModel
393
394
395 #-??? it this correct?
396 left:
397     Roo.bootstrap.Table:sm
398 right:  
399     Roo.bootstrap.Table.RowSelectionModel    
400
401
402 left:
403     Roo.bootstrap.Table:footer
404 right:  
405     Roo.bootstrap.PagingToolbar
406
407 left:
408     Roo.bootstrap.PagingToolbar:buttons[]
409 right:  
410     Roo.bootstrap.Button
411
412 left:
413     Roo.bootstrap.TableBody
414 right:
415     Roo.bootstrap.TableRow
416     Roo.bootstrap.TableCell
417
418 left:
419     Roo.bootstrap.TableRow
420 right:
421     Roo.bootstrap.TableCell
422
423 left:
424     Roo.bootstrap.TableCell
425 right:
426     Roo.bootstrap.Button
427
428 left:
429     Roo.bootstrap.ButtonGroup
430 right:
431     Roo.bootstrap.Button
432     Roo.bootstrap.Form
433
434 left:
435     Roo.bootstrap.Button:menu
436     Roo.bootstrap.NavItem:menu
437     Roo.bootstrap.NavSidebarItem:menu
438 right:
439     Roo.bootstrap.Menu
440
441 left:
442     Roo.bootstrap.Menu
443 right:
444     Roo.bootstrap.MenuItem
445     
446 left:
447     Roo.bootstrap.Navbar
448     Roo.bootstrap.NavSimplebar
449     Roo.bootstrap.NavHeaderbar
450     Roo.bootstrap.NavSidebar
451 right:    
452     Roo.bootstrap.NavGroup
453     Roo.bootstrap.Form
454     Roo.bootstrap.Row
455     Roo.bootstrap.Column
456     Roo.bootstrap.Container
457     Roo.bootstrap.Link
458
459 left:
460     Roo.bootstrap.NavGroup
461 right:
462     Roo.bootstrap.NavItem
463     Roo.bootstrap.NavSidebarItem
464     
465     
466 left:
467     Roo.bootstrap.Form
468     Roo.bootstrap.Container
469 right:
470     Roo.bootstrap.Input
471     Roo.bootstrap.TextArea
472     Roo.bootstrap.Button
473     Roo.bootstrap.ComboBox
474     Roo.bootstrap.Container
475     Roo.bootstrap.Row
476     Roo.bootstrap.TabPanel
477     Roo.bootstrap.DateField
478     Roo.bootstrap.TimeField
479     Roo.bootstrap.CheckBox
480     Roo.bootstrap.Radio
481 //    Roo.bootstrap.Fieldset
482         
483 left:
484     Roo.bootstrap.Body
485 right:
486     Roo.bootstrap.Modal
487
488 left:    
489     Roo.bootstrap.Modal:buttons[]
490 right:
491     Roo.bootstrap.Button
492
493 left:    
494     Roo.bootstrap.Header
495 right:
496     Roo.bootstrap.Container
497
498 left:    
499     Roo.bootstrap.NavItem
500     Roo.bootstrap.NavSidebarItem
501 right:
502     Roo.bootstrap.Container
503     Roo.bootstrap.Button
504
505 left:    
506     Roo.bootstrap.Pagination
507 right:
508     Roo.bootstrap.PaginationItem
509
510 left:
511     Roo.bootstrap.Input:before
512     Roo.bootstrap.Input:after
513 right:
514     Roo.bootstrap.Button
515
516 left:
517     Roo.mailer.Body
518 right:
519     Roo.mailer.BodyContainer
520
521 left:
522     Roo.mailer.BodyContainer    
523 right:
524     Roo.mailer.Block
525     
526 left:
527     Roo.mailer.Block
528 right:
529     Roo.mailer.Column
530     
531 left:
532     Roo.mailer.Column
533     Roo.mailer.Block
534 right:
535     Roo.bootstrap.Header
536     Roo.bootstrap.Container
537     Roo.bootstrap.Image
538     Roo.bootstrap.Link
539 left:
540     Roo.bootstrap.dash.TabBox
541 right:
542     Roo.bootstrap.dash.TabPane
543
544 left:
545     Roo.bootstrap.dash.TabPane
546 right:
547     Roo.bootstrap.Graph
548     Roo.bootstrap.Column
549
550
551 left:
552     Roo.bootstrap.menu.Menu
553 right:
554     Roo.bootstrap.menu.Item
555     Roo.bootstrap.menu.Separator
556
557 left:
558     Roo.bootstrap.menu.Item
559 right:
560     Roo.bootstrap.menu.Menu
561
562 left:
563     Roo.bootstrap.MenuItem
564 right:
565     Roo.bootstrap.Button
566     Roo.bootstrap.Row
567     Roo.bootstrap.Column
568     Roo.bootstrap.Container