如何在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.
    }

}

(您可以在其扩展的DataRenderer类中找到该方法的源代码)

然后,要使其运行,请按以下方式注册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

取而代之的延长PrimeFaces DataTableRenderer并覆盖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代码.