I use a index.zul file containing three differenz grid element.
One element displays the pagingbar in a correct way. This grid element is the element i copied from the dem on http://www.zkoss.org/zkdemo/userguide/#g6
The other two elements are a self defined an filed by a zscript:
<tabpanel>
<hbox>
<vbox id="vbox_tyre_error">REIFEN FEHLER
<hbox>
<grid id="grd_tyreerror" pagingPosition="bottom" mold="paging" pageSize="15" model="${model}" rowRenderer="${renderer}">
<columns>
<column width="120px" label="Kennzeichen" />
<column width="120px" label="FZ-IDENT" />
<column width="320px" label="Satzbeschreibung"/>
<column width="80px" label="Satzart"/>
<column width="40px" label=""/>
</columns>
</grid>
</hbox>
</vbox>
</hbox>
</tabpanel>
<tabpanel>
<hbox>
REIFEN OK
</hbox>
<hbox>
<grid id="grd_tyreok" mold="paging" fixedLayout="true" model="${model}" rowRenderer="${renderer}">
<columns sizable="true" menupopup="auto">
<column width="120px" label="Kennzeichen" sort="auto"/>
<column width="120px" label="FZ-IDENT" sort="auto"/>
<column width="220px" label="Satzbeschreibung"/>
<column width="80px" label="Satzart"/>
<column width="40px" label=""/>
</columns>
</grid>
</hbox>
</tabpanel>
I fill the rows using a zscript in the following way:
{
Row newRow = new Row();
newRow.appendChild(lblnumberplate);
newRow.appendChild(lblcar_identnumber);
newRow.appendChild(lblset_description);
newRow.appendChild(lblset_type);
newRow.appendChild(btnSearch);
rows.appendChild(newRow);
}
if (grd_tyreerror.getRows() == null)
{
grd_tyreerror.appendChild(rows);
}
else
{
grd_tyreerror.getRows().getChildren().clear();
List newRows = rows.getChildren();
for (int i = 0; i < newRows.indexOf(0); i++)
{
grd_tyreerror.getRows().appendChild((Row)newRows.get(i));
}
}
If i switch the environment to the enterprise version the pagingbar will be displayed but the onChange events of the element are not supported anymore.
index.zul