View Documentation Interface

Roo Core Class - Essential Reading
Dom / CSS / Text
- Roo.util.CSS
- Roo.util.Format Various Text Formating / Encoding
- Roo.DomHelper DOM creation
- Roo.DomQuery DOM locating elements
- Roo.util.TextMetrics Text size calculations
Element / Selection
- Roo.Element Core Element methods (see also Roo.get())
- Roo.CompositeElement
- Roo.CompositeElementLite
Effects / Masks / Tips
- Roo.Fx
- Roo.LoadMask
- Roo.QuickTips
- Roo.Resizable
- Examples
  - Resizing elements With animation, snapping etc. (Works, needs a few replacement images)

Abstract Base Classes

Widgets

Buttons
- Roo.Button
- Roo.SplitButton
Form / Entry
- Core Form / Layout
  - Roo.form.Form
  - Roo.form.BasicForm
  - Roo.form.Column
  - Roo.form.FieldSet
- Form Elements
  - Roo.form.Hidden
  - Roo.form.TextField
  - Roo.form.DateField
  - Roo.form.NumberField
  - Roo.form.TextArea
  - Roo.form.Checkbox
  - Roo.form.Radio
  - Roo.form.ComboBox
- Html Editor
  - Roo.form.HtmlEditor (broken on IE)
  - Roo.form.FCKeditor embeded FCKeditor (slow but works)
- Other
  - Roo.form.Action What happens when you load and save a form.
  - Roo.form.VTypes Various types of Validation for form elements.
  - Roo.DatePicker Date Picker (not really a form element...)
- Examples
  - Dynamic Forms
  - Combox boxes
  - HTML editor example
  - Custom - Autocomplete example - (Broken until we sort out a Json callback for trac)
  - Search forum - (Broken until we sort out a Json callback for trac)
  - Form from/to xml
  - FCK editor example
Tree
- Roo.tree.TreePanel
- Roo.tree.TreeEditor
- Roo.tree.AsyncTreeNode
- Roo.tree.TreeNode
- Roo.tree.TreeFilter
- Roo.tree.TreeLoader
- Roo.tree.TreeSorter
- Roo.tree.DefaultSelectionModel
- Roo.tree.MultiSelectionModel
- Examples
  - Two Trees (need to rename it!)
  - Re-orderable Trees
  - The Roo Dependancy tree (needs some css tidy up.)
  - Organizer (needs some css tidy up.)

Grid
- Roo.grid.GridPanel
- Roo.grid.CellSelectionModel
- Roo.grid.RowSelectionModel
- Roo.grid.ColumnModel
- Roo.grid.EditorGrid
- Roo.grid.Grid
- Roo.grid.GridEditor
- Roo.grid.GridView
- Roo.PagingToolbar
- Examples
  - Grid from Array
  - Property Grid
  - Grid from HTML markup IE: css broken
  - Paging Grid FF: minor tidy up req, IE: Broken slightly when scrolling.
  - Editable Grid
Menu / Toolbars
- Roo.menu.CheckItem
- Roo.menu.ColorItem
- Roo.menu.DateItem
- Roo.menu.DateMenu
- Roo.menu.Menu
- Roo.menu.MenuMgr
- Roo.menu.Separator
- Roo.menu.TextItem
- Roo.Toolbar
- Roo.Toolbar.Button
- Roo.Toolbar.Fill
- Roo.Toolbar.Separator
- Roo.Toolbar.Spacer
- Roo.Toolbar.SplitButton
- Roo.Toolbar.TextItem
- Examples
  - Toolbar / Menus example Minor css tweaking needed

View / Layers
- Roo.JsonView
- Roo.Layer
- Roo.View
- Examples
  - Image Chooser

Layout / Tabs
- Roo.BasicLayoutRegion
- Roo.BorderRegion
- Roo.ContentPanel
- Roo.LayoutRegion
- Roo.NestedLayoutPanel
- Roo.ReaderLayout
- Roo.SplitBar
- Roo.SplitLayoutRegion
- Roo.TabPanel
- Roo.TabPanelItem
- Examples
  - Simple Layout
  - Nested Layout
  - Complex Layout Broken - needs converting to Roo JS
  - Basic Tabs (borders broken on tab boxes)
  - Advanced Tabs (dynamic adding of tabs)