--
TWikiAdminUser - 11 Sep 2009
XEO Web Components Reference
This section provides information about XEO Web Components (XWC the visual layer of the XEO Framework. You'll find information about the components provided by XEO, you'll also find tutorials and reference material about how to create your own component or how to create a plugin to an existing component.You can find the following content in this section:
XEO Web Components List
The XEO Framework includes a set of pre-defined components to accelerate the programer's job. There are two types of components, the ones that can be used freely and the ones that are binded to XEO objects.
The components binded to XEO Models are designated
XEO Components and the not-binded are
XVW Components (there are XVW components which can be binded to XEO Models, but it's not a requirement).
XEO Components:
As explained before, XEO Components are typically binded to a XEO Object and there are several categories of components
XEO Components - Forms
- Form - Form with dependences control
- FormEdit - Form to edit a XEO Object
- FormList - Form to list a set of XEO Objects
- FormLookupList - Form to allow the selection of a XEO Object from a list of XEO Objects
XEO Components - List of Objects
- List - A list of XEO objects
- Bridge - The list of objects in a bridge of a given XEO Object
- LookupList - A list of objects to make a selection from (a Lookup)
XEO Components - Toolbars
XEO Components - Other
XVW Components:
- AjaxText - A component to constantly update text via ajax
- Action Button - A simple button to invoke an action
- Button HTML - A simple button to invoke an action
- Column
- Column Attribute - To customize columns in list components
- Columns
- Charts
- Dialog Progress - To display feedback while a long-running operation is in course
- Error Messages - To display error messages in a viewer
- GlobalSearch - A toolbar component, typically to be placed in a main viewer
- GridExplorer - A listing of elements with preview capabilities and saving views (also sharing views)
- GridPanel - A table with a listing of elements (columns can be ordered, grouped, etc..)
- HTML File Browse - A file selection component
- IncludeCss
- IncludeScript
- MainLayout
- Menu - Create Menus in Toolbar and Tree components
- Message Box - Message boxes of several types
- Output HTML - To output HTML code directly to the browser
- Panel - A panel to create sections in the viewer
- Progress Bar - A progress bar to show the progress of a given operation
- RegionLayout
- Rows - Creates a table to place elements
- Row - Creates a row inside the table
- Cell - Creates a column inside a row
- Section - The equivalent of an HTML fieldset
- Tabs - Container for tab components
- Tab - To create a tab in the application where content can be rendered
- Title - Component to render a title to the viewer
- Tool Bar - Generic toolbar to place buttons that execute actions
- Tree Panel - A tree structure with menus
- Window
XVW Components - Form Attributes (Input):
In form components, input components can be used to the gather input from a user
AttributeBase- Base component from which all component inherit their properties
XVW Components - Form Attributes (Output):
A list of Java code snippets regarding common operations with the Java API of Web Components (
read more)
How to create a custom component a use it in a viewer.(
read more)
Internationalization ( I18N)
It's possible to have messages for the various components/viewers localized in multiple languages,
the procedure on how to achieve that is described in the I18N page.
XEO Web Components that extend the XUIOutput component can have a value change listener, i.e. a method will be invoked whenever the value of the component changes (
read more).
Viewer Events are a mechanism that allow you to interact at the Java Bean level in the various parts of a viewer life-cycle (
read more)
Instead of creating a full web component, you can also create a component plugin to change some of the default behavior of the component (
read more)
The following table summarizes the list of libraries/frameworks used in the XEO Framework (including a description and a link to the project site).
Go to the page.