Home/ Questions/Q 7750999
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-01T11:26:10+00:00

I found this JSF tutorial which shows how to create JSF table with pagination

  • 0

I found this JSF tutorial which shows how to create JSF table with pagination and sorting

<%@taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<f:view>
    <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
            <title>Effective datatable paging and sorting at DAO level</title>
        </head>
        <body>
            <h:form id="form">

                <%-- The sortable datatable --%>
                <h:dataTable value="#{myBean.dataList}" var="item">
                    <h:column>
                        <f:facet name="header">
                            <h:commandLink value="ID" actionListener="#{myBean.sort}">
                                <f:attribute name="sortField" value="id" />
                            </h:commandLink>
                        </f:facet>
                        <h:outputText value="#{item.id}" />
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:commandLink value="Name" actionListener="#{myBean.sort}">
                                <f:attribute name="sortField" value="name" />
                            </h:commandLink>
                        </f:facet>
                        <h:outputText value="#{item.name}" />
                    </h:column>
                    <h:column>
                        <f:facet name="header">
                            <h:commandLink value="Value" actionListener="#{myBean.sort}">
                                <f:attribute name="sortField" value="value" />
                            </h:commandLink>
                        </f:facet>
                        <h:outputText value="#{item.value}" />
                    </h:column>
                </h:dataTable>

                <%-- The paging buttons --%>
                <h:commandButton value="first" action="#{myBean.pageFirst}"
                    disabled="#{myBean.firstRow == 0}" />
                <h:commandButton value="prev" action="#{myBean.pagePrevious}"
                    disabled="#{myBean.firstRow == 0}" />
                <h:commandButton value="next" action="#{myBean.pageNext}"
                    disabled="#{myBean.firstRow + myBean.rowsPerPage >= myBean.totalRows}" />
                <h:commandButton value="last" action="#{myBean.pageLast}"
                    disabled="#{myBean.firstRow + myBean.rowsPerPage >= myBean.totalRows}" />
                <h:outputText value="Page #{myBean.currentPage} / #{myBean.totalPages}" />
                <br />

                <%-- The paging links --%>
                <t:dataList value="#{myBean.pages}" var="page">
                    <h:commandLink value="#{page}" actionListener="#{myBean.page}"
                        rendered="#{page != myBean.currentPage}" />
                    <h:outputText value="<b>#{page}</b>" escape="false"
                        rendered="#{page == myBean.currentPage}" />
                </t:dataList>
                <br />

                <%-- Set rows per page --%>
                <h:outputLabel for="rowsPerPage" value="Rows per page" />
                <h:inputText id="rowsPerPage" value="#{myBean.rowsPerPage}" size="3" maxlength="3" />
                <h:commandButton value="Set" action="#{myBean.pageFirst}" />
                <h:message for="rowsPerPage" errorStyle="color: red;" />

                <%-- Cache bean with data list, paging and sorting variables for next request --%>
                <t:saveState value="#{myBean}" />
            </h:form>
        </body>
    </html>
</f:view>

Can this table be used without Tomahawk library? I want to use clean JSF as much as I can? Can this code be edited with just standard JSF tags without changing the pagination and sorting?

Best wishes

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    That old article is targeted on JSF 1.x and the code is intended to be used with a request scoped bean. The <t:saveState> makes sure that the request scoped bean is retained in the next POST request, exactly like as the new JSF 2.x view scope does (which thus didn’t exist in standard JSF 1.x yet). The session scope is not an option because it would lead to unintuitive behaviour and “wtf?” situations when the enduser opens the very same page in multiple browser windows/tabs and thus every request based action would affect the behavior of the same page in the other window/tab as well when the enduser switches between them and invokes request based actions on them.

    For JSF 2.x, the <t:saveState> can be replaced by just putting the bean in the view scope instead of the request scope by marking it @ViewScoped.

    @ManagedBean
@ViewScoped
public class MyBean {
    // ...
}

    Also please note that the article is using the old JSP view technology. This has been succeeded by Facelets since JSF 2.0. You’d like also want to replace JSP by Facelets. Remove those JSP taglibs by the usual XML namespace declarations in the top level tag (the <html> tag) and rename the file from .jsp to .xhtml. This way you’ll be able to replace <t:dataList> by <ui:repeat> which does not exist in JSP.

    <ui:repeat value="#{myBean.pages}" var="page">
    ...
</ui:repeat>
    • 0