<e:paginator>

Crear el componente dentro de resources/extensions

Es el componente que permite controlar la paginacion de la base de datos.

<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:composite="http://java.sun.com/jsf/composite"
      xmlns:b="http://bootsfaces.net/ui">
    <composite:interface >


        <composite:attribute name="page" />
        <composite:attribute name="rowPage" default="25" />
        <composite:attribute name="skip" />
        <composite:attribute name="renderednew" default="true"/>
        <!--        <composite:attribute name="param" default="" />
                <composite:attribute name="paramvalue" default="" />-->
        <composite:attribute name="pages" type="java.util.List" />


        <composite:attribute name="clear" 
                             method-signature="java.lang.String action()" />

        <composite:attribute name="first" 
                             method-signature="java.lang.String action()" />
        <composite:attribute name="back" 
                             method-signature="java.lang.String action()" />
        <composite:attribute name="next" 
                             method-signature="java.lang.String action()" />
        <composite:attribute name="last" 
                             method-signature="java.lang.String action()" />
        <!--        <composite:attribute name="listener" 
                                     method-signature="java.lang.String action()" />-->
        <composite:attribute name="new" 
                             method-signature="java.lang.String action()" />

        <composite:attribute name="printAll" 
                             method-signature="java.lang.String action()" />


    </composite:interface>
    <composite:implementation>



        <!--<p:panelGrid columns="7" columnClasses="ui-grid-col-1,ui-grid-col-1,ui-grid-col-1,ui-grid-col-1" layout="grid" styleClass="ui-panelgrid-blank form-group" style="border:0px none; background-color:transparent;">-->     
        <p:panel>   

            <p:remoteCommand  update=":form:datatable :form:content "
                              name="remoteshowall" />
            <p:remoteCommand  update=":form:content"
                              name="remotecontent" />
            
           
            <p:commandButton    
              
                icon="pi pi-step-backward"
                oncomplete="remoteshowall();"
                action="#{cc.attrs.first}"
                update=":form:datatable " />

            <p:commandButton   
         
                icon ="pi pi-caret-left"
                oncomplete="remoteshowall();"
                action="#{cc.attrs.back}"
                update=":form:datatable " /> 
            
            <p:commandButton   icon="pi pi-caret-right"
                               oncomplete="remoteshowall();"
                               action="#{cc.attrs.next}" 
                               look="primary"
                               update=":form:datatable " /> 

            <p:commandButton  icon="pi pi-step-forward" 
                              oncomplete="remoteshowall();"
                              look="primary"
                              action="#{cc.attrs.last}"  
                              update=":form:datatable " /> 

            <p:selectOneMenu id="pages"

                             value="#{cc.attrs.page}"                                                  
                             colMd="1"
                             onchange="#{cc.attrs.skip}"
                             oncomplete="remoteshowall();"
                             update=":form:datatable" 
                             >

                <f:selectItems  value="#{cc.attrs.pages}" />

            </p:selectOneMenu> 

            <p:commandButton icon="pi pi-plus-circle"
                             action="#{cc.attrs.new}"
                             look="primary"
                             rendered="#{cc.attrs.renderednew}"
                             oncomplete="remotecontent()"
                             > 

            </p:commandButton>



            <p:commandButton icon="pi pi-print"                                                                                                       
                             title="#{app['button.print']}"                                          
                             action="#{cc.attrs.printAll}" 
                             ajax="false"
                             look="primary"
                          /> 


            <p:commandButton  icon="pi pi-table"                                              
                              action="#{cc.attrs.clear}"    
                              look="primary"
                              title="#{app['button.all']}"
                              update=":form:datatable :form:content"
                              oncomplete="remoteshowall()"
                              > 
                <f:ajax />
            </p:commandButton>

            <p:selectOneMenu colMd="1"
                             value="#{cc.attrs.rowPage}"
                             onchange="#{cc.attrs.skip}"
                             oncomplete="remoteshowall();"
                             update=":form:datatable" 
                             >


                <f:selectItem itemLabel="25" itemValue="25" />
                <f:selectItem itemLabel="15" itemValue="15" />
                <f:selectItem itemLabel="10" itemValue="10" />
                <f:selectItem itemLabel="5" itemValue="5" />
                <f:selectItem itemLabel="40" itemValue="40" />

            </p:selectOneMenu>
        </p:panel>
    </composite:implementation>

</html>

Last updated

Was this helpful?