Time for action – using DataList with pagination

Let us see how we can use the DataList component's pagination support to display five tags per page.

Create a DataList component with pagination support along with a custom paginatorTemplate:

<p:panel header="DataList Pagination">
  <p:dataList value="#{tagController.tags}" var="tag" id="tags" type="none"
    paginator="true" rows="5"
    paginatorTemplate="{CurrentPageReport} {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} {RowsPerPageDropdown}"
    rowsPerPageTemplate="5,10,15">
      <f:facet name="header">
        Tags
      </f:facet>
      <h:outputText value="#{tag.id} - #{tag.label}" style="margin-left:10px" />
      <br/>
  </p:dataList>
</p:panel>

What just happened?

We have created a DataList component along with pagination support...