是否可以进行分页,在Toggleable Panel中使用forEach列出元素

时间:2014-05-03 13:05:20

标签: java jsf primefaces

我希望每页有10个代理商,每个代理商都在Toogleable Panel中。

我的页面代码是:

    <c:forEach items="#{agencyBean.agencyList}" var="agency">

        <p:fieldset legend="${agency.tUser.name}" toggleable="true"
            toggleSpeed="500">
            <p:ajax event="toggle" listener="#{fieldsetBean.handleToggle}"
                update="growl" />

            <h:panelGrid columns="2" cellpadding="3" cellspacing="1">
                <p:graphicImage value="#{agencyBean.image}">
                    <f:param name="agencyId" value="#{agency.tUser.id}" />
                </p:graphicImage>
                <h:panelGrid columns="2" cellpadding="3" cellspacing="1" border="1">
                    Name: <h:outputText value="${agency.tUser.name}" /> 
                    Phone:<h:outputText value="${agency.tUser.phone}" /> 
                </h:panelGrid>
            </h:panelGrid>
        </p:fieldset>
    </c:forEach>

但是列出了来自数据库的所有对象,并且它不是用户友好的。你能建议我如何在不同的页面上拆分它们吗?提前谢谢!

1 个答案:

答案 0 :(得分:0)

你试过p:dataGrid吗?

<p:dataGrid var="agency" value="#{agencyBean.agencyList}" columns="1" rows="10" paginator="true">
    <p:fieldset legend="${agency.tUser.name}" toggleable="true" toggleSpeed="500">
        <p:ajax event="toggle" listener="#{fieldsetBean.handleToggle}" update="growl"/>

        <h:panelGrid columns="2" cellpadding="3" cellspacing="1">
            <p:graphicImage value="#{agencyBean.image}">
                <f:param name="agencyId" value="#{agency.tUser.id}"/>
            </p:graphicImage>
            <h:panelGrid columns="2" cellpadding="3" cellspacing="1" border="1">
                Name: <h:outputText value="${agency.tUser.name}"/>
                Phone:<h:outputText value="${agency.tUser.phone}"/>
            </h:panelGrid>
        </h:panelGrid>
    </p:fieldset>
</p:dataGrid>