JSF2 Paging / Pager for Repeater

时间:2010-08-19 07:15:48

标签: jsf pagination repeater jsf-2

当你编写的所有代码都能立即工作并且你的日程安排不足时,你是否知道这种感觉:-P就像'噢,现在我有时间让它变得完美'。那就是我现在的位置^^

所以我用JSF(ui:repeat)实现了一个转发器,我想到了所有实体的分页。有没有一种简单的方法可以做到这一点?有什么要点我要考虑的?

如果有人给我一些帮助会很好。到目前为止,我的googleskills没有帮助我:-P

干杯...

2 个答案:

答案 0 :(得分:21)

这是一个简单的例子,可以让您了解如何实现它。

RepeatPaginator:

public class RepeatPaginator {

    private static final int DEFAULT_RECORDS_NUMBER = 2;
    private static final int DEFAULT_PAGE_INDEX = 1;

    private int records;
    private int recordsTotal;
    private int pageIndex;
    private int pages;
    private List<?> origModel;
    private List<?> model;

    public RepeatPaginator(List<?> model) {
        this.origModel = model;
        this.records = DEFAULT_RECORDS_NUMBER;
        this.pageIndex = DEFAULT_PAGE_INDEX;        
        this.recordsTotal = model.size();

        if (records > 0) {
            pages = records <= 0 ? 1 : recordsTotal / records;

            if (recordsTotal % records > 0) {
                pages++;
            }

            if (pages == 0) {
                pages = 1;
            }
        } else {
            records = 1;
            pages = 1;
        }

        updateModel();
    }

    public void updateModel() {
        int fromIndex = getFirst();
        int toIndex = getFirst() + records;

        if(toIndex > this.recordsTotal) {
            toIndex = this.recordsTotal;
        }

        this.model = origModel.subList(fromIndex, toIndex);
    }

    public void next() {
        if(this.pageIndex < pages) {
            this.pageIndex++;
        }

        updateModel();
    }

    public void prev() {
        if(this.pageIndex > 1) {
            this.pageIndex--;
        }

        updateModel();
    }   

    public int getRecords() {
        return records;
    }

    public int getRecordsTotal() {
        return recordsTotal;
    }

    public int getPageIndex() {
        return pageIndex;
    }

    public int getPages() {
        return pages;
    }

    public int getFirst() {
        return (pageIndex * records) - records;
    }

    public List<?> getModel() {
        return model;
    }

    public void setPageIndex(int pageIndex) {
        this.pageIndex = pageIndex;
    }

}

豆:

public class TestBean {

    private List<String> list;
    private RepeatPaginator paginator;

    @PostConstruct
    public void init() {
        this.list = new ArrayList<String>();
        this.list.add("Item 1");
        this.list.add("Item 2");
        this.list.add("Item 3");
        this.list.add("Item 4");
        this.list.add("Item 5");
        this.list.add("Item 6");
        this.list.add("Item 7");
        this.list.add("Item 8");
        this.list.add("Item 9");
        this.list.add("Item 10");
        this.list.add("Item 11");
        paginator = new RepeatPaginator(this.list);
    }

    public RepeatPaginator getPaginator() {
        return paginator;
    }

}

XHTML:

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:h="http://java.sun.com/jsf/html"
    template="/WEB-INF/template/default.xhtml">

<ui:define name="content">
    <h:form>
        <ui:repeat value="#{testBean.paginator.model}" var="listItem">
            <div>
                <h:outputText value="#{listItem}"/>
            </div>
        </ui:repeat>
        <h:commandButton value="&lt; prev" action="#{testBean.paginator.prev}"/>
        <h:outputText value="#{testBean.paginator.pageIndex} / #{testBean.paginator.pages}"/>
        <h:commandButton value="next &gt;" action="#{testBean.paginator.next}"/>
        <h:inputHidden value="#{testBean.paginator.pageIndex}"/>
    </h:form>
</ui:define>
</ui:composition>

答案 1 :(得分:9)

分页实际上很​​容易。您只需要继续传递一个或两个参数:firstrow和可选的rowcount(也可以保留在服务器端)。当最终用户点击下一步时,您只需使用firstrow的值增加rowcount的值。当最终用户点击 Back 时,您只需将firstrow的值减去rowcount的值。您只需要检查它是否不超过0totalrows的边框,并相应地进行更改。

然后,根据所需的firstrowrowcount,您确切地知道要显示哪些数据。如果所有数据都已存在于Java内存中的某些List中,那么您只需使用List#subList()从中获取子列表以供显示。但是,将整个数据库表复制到Java的内存中效率不高。当它只有100行时它可能没有坏处,但是当它远远超过它并且/或者你为每个用户复制它时,应用程序很快就会耗尽内存。

在这种情况下,您更愿意在数据库级别进行分页。例如,在MySQL中,您可以使用LIMIT子句从数据库中获取结果的子集。 JPA / Hibernate甚至分别使用setFirstResult()setMaxResults()的{​​{1}}和Query方法提供方法。您可以在thisthis回答中找到示例。

您可以在this article中找到基于JSF 1.2的基本启动示例,即类似Google的分页(和排序)。它使用Tomahawk组件,但在JSF 2.0中,您可以通过创建bean Criteria(替换@ViewScoped)并使用t:saveState(替换ui:repeat)来离开它们。

最后但并非最不重要的是,有许多组件库可以在单个组件中完成所有工作。例如RichFaces <rich:datascroller>PrimeFaces <p:dataTable paginator="true">(也可以ajaxical完成)。