Common ZKoss Components

This page will present the most commonly used ZKoss ZUML components as a little jumpstart getting into the language. Many components have direct HTML equivalents, so ZUML is very easy to learn if you know HTML. The full ZKoss component reference can be found here.

Without further ado, the most commonly used ZKoss components are:

ZKoss component	HTML equivalent	RatorSwing equivalent	Comments
<label>	<p>	RatorLabel	Simply displays text.
<div>	<div>	N/A	Simple container (Note that ZKoss also has a <panel> component).
<groupbox>	<fieldset>	RatorPanel	Container used to group components.
<panel>	N/A	RatorPanel	Container that behaves more like a physical panel than a simple logical grouping like Div.
<listbox>	<table>	RatorTable	Displays multiple lines of similar data.
<grid>	<table>	N/A	Displays multiple lines and columns of objects. Supports a more generic layout than Listbox.
<button>	<button>	RatorButton	Simple button component.
<textbox>	<input type="text">	RatorTextField	Input field for short text strings.
<combobox>	<select>	RatorComboBox	Text field with a set of pre-defined options. Field can allow any text input or be locked to only the pre-defined options.