如何在Primefaces数据表中自定义分页

Question

Primefaces Datatable有很多选项来安排分页。 我要求制作Paginator，如下图所示：

有没有人知道如何做到这一点。如果您知道，请建议任何其他方式。

Answer 1

扩展PrimeFaces DataTableRenderer并覆盖encodePaginatorMarkup()：

import org.primefaces.component.datatable.DataTableRenderer;

public class MyDataTableRenderer extends DataTableRenderer {

    @Override
    protected void encodePaginatorMarkup(FacesContext context, DataTable table, String position, String tag, String styleClass) throws IOException {
        // Copypaste here the original PF source code and make modifications where necessary.
    }

}

（您可以在the DataRenderer class中找到该方法的源代码

然后，要使其运行，请在faces-config.xml：

中按如下方式注册

<render-kit>
    <renderer>
        <description>Overrides the PrimeFaces table renderer with customized paginator.</description>
        <component-family>org.primefaces.component</component-family>
        <renderer-type>org.primefaces.component.DataTableRenderer</renderer-type>
        <renderer-class>com.example.MyDataTableRenderer</renderer-class>
    </renderer>
</render-kit>

Answer 2

如上所述，您可以将DataTableRenderer的添加到标准集中，而不是扩展PrimeFaces encodePaginatorMarkup()并覆盖org.primefaces.component.paginator.PaginatorElementRenderer。分页元素。

这可以通过在JSF ApplicationFactory实现中调用以下静态方法来实现：

org.primefaces.renderkit.DataRenderer.addPaginatorElement("{myPaginator}", new MyPaginatorImplementation());

随后您需要添加MyPaginatorImplementation类，该类必须实现接口org.primefaces.component.paginator.PaginatorElementRenderer。

作为起点，您可以从PrimeFaces PageLinksRenderer类开始自定义，例如

public class MyPaginatorImplementation implements PaginatorElementRenderer {

    public void render(FacesContext context, UIData uidata) throws IOException {
        ResponseWriter writer = context.getResponseWriter();
        int currentPage = uidata.getPage();
        int pageLinks = uidata.getPageLinks();
        int pageCount = uidata.getPageCount();
        int visiblePages = Math.min(pageLinks, pageCount);

        //calculate range, keep current in middle if necessary
        int start = Math.max(0, (int) Math.ceil(currentPage - ((visiblePages) / 2)));
        int end = Math.min(pageCount - 1, start + visiblePages - 1);

        //check when approaching to last page
        int delta = pageLinks - (end - start + 1);
        start = Math.max(0, start - delta);

        writer.startElement("span", null);
        writer.writeAttribute("class", UIData.PAGINATOR_PAGES_CLASS, null);

        for(int i = start; i <= end; i++){
            String styleClass = currentPage == i ? UIData.PAGINATOR_ACTIVE_PAGE_CLASS : UIData.PAGINATOR_PAGE_CLASS;

            writer.startElement("span", null);
            writer.writeAttribute("class", styleClass, null);
            writer.writeAttribute("tabindex", 0, null);
            writer.writeText((i + 1), null);
            writer.endElement("span");
        }

        writer.endElement("span");
    } 
}

现在，您可以使用PrimeFaces提供的标准方式在XHTML中使用它，例如

<p:dataTable paginatorTemplate="{myPaginator}" />

这种替代方案的优点是：

• 您可以使用UIData元素中的信息（例如第一个和最后一个显示的行）。这在datalist / datatable中的自定义构面中不可用。
• 您可以在应用程序的每个数据表和/或数据列表中重复使用它，以防止在xhtml中对模板进行重复编码。

但是需要额外的java代码。

Answer 3

我认为没有一种简单的方法可以达到你想要的效果。目前p:dataTable的分页器模板支持以下选项：

1. CurrentPageReport
2. FirstPageLink
3. PreviousPageLink
4. NextPageLink
5. LastPageLink
6. PageLinks
7. RowsPerPageDropdown
8. JumpToPageDropdown

查看类org.primefaces.renderkit.DataRenderer的源代码，您可以使用这些选项。通过开发自定义数据表或修改源代码，您需要做什么。 Primefaces目前没有它。

Answer 4

尝试使用{RowsPerPageDropdown} of {totalPage}