Following tags are included in the 0.5 beta release:
Grid tag is the most important component offerred by the library. It uses the
ValueList object provided along with the other attributes like headers and properties
to render the tabular data. Selected columns in the grid can be sorted in ascending or
descending order. The grid can also be made form enabled. This means that you can
define a form handler and the grid will have a configurable submit button.
You can then generate HTML form elements in the columns as the grid is HTML aware
thereby giving you an interactive and editable data grid. Like all the
other components, grid is a skinnable component. You edit the style properties
to customize it's look.
Panel is a static visual container. This tag renders square structure based
on the style of the skin it is using. Any HTML can be used as a body of this
tag to render it's contents. You can let the Panel adjust to the size of
it's cotents or you can give it a fixed size. Panels can be extremely useful
for organizing the contents of your web site in a consistent manner.
This tag creates an HTML Form. Additionally, it allow you to control the
visual placement of the form elements in a convenient and meaningful manner.
This tag uses form element tags provided by the tag library which are:
text: Tag to create text label
textfield: Tag to create text field
password: Tag to create password field
filefield: Tag to create file field for file upload forms
checkbox: Tag to create checkbox component
radio: Tag to create radio component
select: Tag to create select box
option: Tag to create option item for select
list: Tag to create select box using ValueList and properties to render the items
These components can be placed in a tabular manner or in more flexible layout, depending
upon how you've defined the form.
This tag provides a toolbar component which looks like a bar shaped object.
Style can be controlled through the skin. It can accoodate HTML as it's body and
ideally, it will use text links, icons/images. Like we said, it is a toolbar.
This tag creates a text or image linked to a specified hyper reference.
Tree tag creates a an interactive tree. You can expand or collapse nodes and link
nodes and items to any hyper references.
The tag internally uses the treeNode and treeItem tags.
treeNode: This tag defines a node in the tree. It can have an image and text to represent it.
treeItem: This tag defines a leaf in the tree. It can have an image and text to represent it.
See documentation for further details of these components.