Merge branch 'master' of http://git.roojs.com/app.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
375 left:
376     Roo.bootstrap.Progress
377 right:
378     Roo.bootstrap.ProgressBar
379
380 left:
381     Roo.bootstrap.Table
382 right:
383     Roo.bootstrap.TableRow
384     Roo.bootstrap.TableCell
385     Roo.bootstrap.TableBody
386
387 left:   
388     Roo.bootstrap.Table:cm[]          
389 right:
390     Roo.grid.ColumnModel
391
392
393 #-??? it this correct?
394 left:
395     Roo.bootstrap.Table:sm
396 right:  
397     Roo.bootstrap.Table.RowSelectionModel    
398
399
400 left:
401     Roo.bootstrap.Table:footer
402 right:  
403     Roo.bootstrap.PagingToolbar
404
405 left:
406     Roo.bootstrap.PagingToolbar:buttons[]
407 right:  
408     Roo.bootstrap.Button
409
410 left:
411     Roo.bootstrap.TableBody
412 right:
413     Roo.bootstrap.TableRow
414     Roo.bootstrap.TableCell
415
416 left:
417     Roo.bootstrap.TableRow
418 right:
419     Roo.bootstrap.TableCell
420
421 left:
422     Roo.bootstrap.TableCell
423 right:
424     Roo.bootstrap.Button
425
426 left:
427     Roo.bootstrap.ButtonGroup
428 right:
429     Roo.bootstrap.Button
430     Roo.bootstrap.Form
431
432 left:
433     Roo.bootstrap.Button:menu
434     Roo.bootstrap.NavItem:menu
435     Roo.bootstrap.NavSidebarItem:menu
436 right:
437     Roo.bootstrap.Menu
438
439 left:
440     Roo.bootstrap.Menu
441 right:
442     Roo.bootstrap.MenuItem
443     
444 left:
445     Roo.bootstrap.Navbar
446     Roo.bootstrap.NavSimplebar
447     Roo.bootstrap.NavHeaderbar
448     Roo.bootstrap.NavSidebar
449 right:    
450     Roo.bootstrap.NavGroup
451     Roo.bootstrap.Form
452     Roo.bootstrap.Row
453     Roo.bootstrap.Column
454     Roo.bootstrap.Container
455     Roo.bootstrap.Link
456
457 left:
458     Roo.bootstrap.NavGroup
459 right:
460     Roo.bootstrap.NavItem
461     Roo.bootstrap.NavSidebarItem
462     
463     
464 left:
465     Roo.bootstrap.Form
466     Roo.bootstrap.Container
467 right:
468     Roo.bootstrap.Input
469     Roo.bootstrap.TextArea
470     Roo.bootstrap.Button
471     Roo.bootstrap.ComboBox
472     Roo.bootstrap.Container
473     Roo.bootstrap.Row
474     Roo.bootstrap.TabPanel
475 //    Roo.bootstrap.Fieldset
476         
477 left:
478     Roo.bootstrap.Body
479 right:
480     Roo.bootstrap.Modal
481
482 left:    
483     Roo.bootstrap.Modal:buttons[]
484 right:
485     Roo.bootstrap.Button
486
487 left:    
488     Roo.bootstrap.Header
489 right:
490     Roo.bootstrap.Container
491
492 left:    
493     Roo.bootstrap.NavItem
494     Roo.bootstrap.NavSidebarItem
495 right:
496     Roo.bootstrap.Container
497     Roo.bootstrap.Button
498
499 left:    
500     Roo.bootstrap.Pagination
501 right:
502     Roo.bootstrap.PaginationItem
503
504 left:
505     Roo.bootstrap.Input:before
506     Roo.bootstrap.Input:after
507 right:
508     Roo.bootstrap.Button
509
510 left:
511     Roo.mailer.Body
512 right:
513     Roo.mailer.BodyContainer
514
515 left:
516     Roo.mailer.BodyContainer    
517 right:
518     Roo.mailer.Block
519     
520 left:
521     Roo.mailer.Block
522 right:
523     Roo.mailer.Column
524     
525 left:
526     Roo.mailer.Column
527     Roo.mailer.Block
528 right:
529     Roo.bootstrap.Header
530     Roo.bootstrap.Container
531     Roo.bootstrap.Image
532     Roo.bootstrap.Link
533 left:
534     Roo.bootstrap.dash.TabBox
535 right:
536     Roo.bootstrap.dash.TabPane
537
538 left:
539     Roo.bootstrap.dash.TabPane
540 right:
541     Roo.bootstrap.Graph
542     Roo.bootstrap.Column
543
544
545 left:
546     Roo.bootstrap.menu.Menu
547 right:
548     Roo.bootstrap.menu.Item
549     Roo.bootstrap.menu.Separator
550
551 left:
552     Roo.bootstrap.menu.Item
553 right:
554     Roo.bootstrap.menu.Menu
555
556 left:
557     Roo.bootstrap.MenuItem
558 right:
559     Roo.bootstrap.Button
560     Roo.bootstrap.Row
561     Roo.bootstrap.Column
562     Roo.bootstrap.Container