ZK Developer's Guide

Extending the Online Media Library
Additionally for large data, it's not wise to present the user with a complete list of
data. We present them only the first five records. Additionally, if we select a record
from the pop-up list, the title of that record should appear in the input field, and
the popup should close. The result should look like the following figure. For faster
generation of test data, we have added a small functionality to generate such data.
This feature is available with the link add testdata.
Inside a bandbox, we can use the same components that are used outside a bandbox.
Therefore, we use the listbox component for the result list. To fill the listbox with
live data, we have to provide the data in ListModel (an instance of org.zkoss.
zul.ListModel). Since we have more than one column, we have to implement
an instance of org.zkoss.zul.ListitemRenderer. The implementation of this
renderer is shown in the following listing.
public class MediaListItemRenderer implements ListitemRenderer
{
public void render(Listitem item, Object data) throws Exception
{
if (data instanceof Media)
{
Media media = (Media) data;
Listcell cell = null;
// The id of the media
cell = new Listcell();
cell.setParent(item);
cell.setLabel(media.getId());
// The title of the Media
cell = new Listcell();
cell.setParent(item);
cell.setLabel(media.getTitle());
//Set the value of the item for the selection
[ 80 ]