Need a panelGrid which renders a List one item per column

Question

I want to show items from a list in my backing bean as icons in a grid, 4 columns wide.
This means I need to iterate through the list and show each item in the list in a separate column, moving to the next row after every fourth item.
My experience with the dataGrid shows that I can only display one record per row with this control, and the panelGrid doesn't allow iteration through a data structure.
Any suggestions?

Answer 1

I solve this problem using binding
First
<h:panelGrid id="panel" columns="4"                          
binding="#{BeanClass.panelList}" >
</h:panelGrid>     
this is all that need in my jsp.
Inside my BeanClass i have a property panelList
/** This is in my BeanClass */
private HtmlPanelGrid panelList;
public UIComponentBase getPanelRole() {
panelList = new HtmlPanelGrid();
//TODO this is option, because already it's define in jsp page
panelRole.setColumns(4);
List objectList = getAnyWhere(); // this should be your object List
for (Iterator iter = objectList.iterator(); iter.hasNext();) {
AnyObject element = (AnyObject) iter.next();
// You can create other object ( link, button, simple text and soon )
// I wanted to create a button link
UICommand out = new UICommand();
out.setValue(element.getName());
out.setId(element.getId());
// Both name and id are String
panelList.getChildren().add(out); // here attach the components
return panelList;
public void setPanelRole(UIComponentBase panelRole) {
//I don't use this method
}