Comment personnaliser la Pagination dans Primefaces Tableau de Données

Primefaces Datatable ont beaucoup d'options pour organiser la pagination.
J'ai l'obligation de faire Paginator comme dans l'image suivante :

Comment personnaliser la Pagination dans Primefaces Tableau de Données

Ce que quelqu'un a une idée de comment faire cela. Veuillez indiquer toute autre manière, si vous savez.

InformationsquelleAutor Kishor Prakash | 2013-03-11
  1. 9

    Étendre PrimeFaces DataTableRenderer et remplacer 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.
    }

}

    (vous pouvez trouver le code source de la méthode dans le DataRenderer de la classe il est l'extension de)

    Ensuite, pour le faire fonctionner, l'enregistrer comme suit dans 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>
    • Il travaille pour PageLinks, jusqu'au moment où je clique sur un des boutons
    • aucune chance de prolonger cette réponse si le code personnalisé ne sera pas disparaître après le changement de page? ou comment joindre l'événement onclick d'autre balise que <span> sur le numéro de page des liens.
    InformationsquelleAutor BalusC
  2. 5

    Au lieu de prolonger le PrimeFaces DataTableRenderer et dominante encodePaginatorMarkup() comme suggéré ci-dessus, vous pouvez ajouter votre propre mise en œuvre de la org.primefaces.component.paginator.PaginatorElementRenderer de l'ensemble standard de prise en charge des paginator éléments.

    Cela peut être obtenu en appelant la méthode statique suivante dans votre JSF ApplicationFactory mise en œuvre:

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

    Par la suite, vous devez ajouter le MyPaginatorImplementation classe, qui doit implémenter l'interface org.primefaces.component.paginator.PaginatorElementRenderer.

    Comme un point de départ, vous pouvez commencer votre personnalisation de la PrimeFaces PageLinksRenderer classe, par exemple

    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");
} 
}

    Maintenant, vous pouvez l'utiliser dans vos XHTML façon standard fourni par PrimeFaces, par exemple

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

    Les avantages de cette solution de rechange pour les autres options sont:

    • Vous pouvez utiliser les informations dans le UIData élément (par exemple, la première et la dernière affiche de ligne). Ce n'est pas dans la coutume facettes dans le datalist /datatable.
    • Vous pouvez réutiliser ce dans tous les datatable et/ou datalist dans votre application, évitant une double codage de vos modèles dans le xhtml.

    Mais au prix de l'extra code java requis.

    • A noté devrait être que c'est nouveau depuis PrimeFaces 5.2 et n'était pas possible dans les versions plus anciennes.
    • méthode statique dans votre JSF ApplicationFactory mise en œuvre: signifie quoi?
    • C'est simple: vous avez besoin d'un crochet à l'appel de la méthode addPaginatorElement exactement une fois. Un simple exemple en étendant le OmniFaces application usine pourrait être: public class MyApplicationFactory extends OmniApplicationFactory { /* constructor omitted */ @Override public Application getApplication() { org.primefaces.renderkit.DataRenderer.addPaginatorElement("{myPaginator}", new MyPaginatorImplementation()); return super.getApplication(); } }
    • Est-il une chance d'accéder au nombre de lignes sélectionnées et d'afficher quelque chose comme "Entrées: 1 - 20 de 427 (3 sélectionné)" dans le paginator?
    InformationsquelleAutor Erik-Berndt Scheper
  3. 0

    Je ne pense pas qu'il y est un moyen facile d'obtenir ce que vous voulez. Actuellement, le Paginator Modèle de p:dataTable supporte les options suivantes:

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

    Regarder dans le code source de la classe org.primefaces.renderkit.DataRenderer vous pouvez avoir ces options disponibles. Ce que vous voulez ce que vous devez faire par le développement sur mesure d'datatable ou par la modification de la source. Primefaces actuellement ne l'ont pas.

    InformationsquelleAutor Tapas Bose
  4. 0

    Essayez d'utiliser {RowsPerPageDropdown} of {totalPage}

    InformationsquelleAutor javadev