Skip to main content

Creando un paginator para JavaServer Faces

 Una de las ventajas de Java Server Faces es la gran cantidad de componentes y proyectos como Primefaces hacen el desarrollo muy fácil.

En esta ocasión mostraremos como crear un pequeño componente usando composite de Java Server Faces para crear un paginator que incluiremos en componentes como <p:dataTable>, <p:dataGrid> de una manera muy sencilla.



El procedimiento de creación es muy sencillo 

Tenemos una interface IPaginatorX.java con los métodos




 public default String last(PaginatorX paginatorX)

 public default String first(PaginatorX paginatorX)

 public default String next(PaginatorX paginatorX)

 public default String back(PaginatorX paginatorX)

 public default String skip(PaginatorX paginatorX)


default   public PaginatorX loadPaginator(PaginatorX paginatorX){

        return  paginatorX;

    }


Creamos una clase PaginatorX.java




En el Controller definimos una clase que implementa IPaginatorX,  creamos un atributo de la clase PaginatorX.

@Named

@ViewScoped

public class public class SeguimientoPaginatorXController implements Serializable, IPaginatorX {


 PaginatorX paginatorX = new PaginatorX();


    public PaginatorX getPaginatorX() {

        return paginatorX;

    }


    public void setPaginatorX(PaginatorX paginatorX) {

        this.paginatorX = paginatorX;

    }

    

Implementamos métodos para filtrar e instanciamos la clase PaginatorX

 public String filterByUserLoged() {

        try {

            User user = (User) JmoordbContext.get("jmoordb_user");

            Document query = new Document("user.username", user.getUsername());

            Document sort = new Document("idboleta", -1);

   Integer totalRecords=boletasServices.countJsonQuery(JmoordbDocument.bsonToJson(query));

            paginatorX

                    = new PaginatorX.Builder()

                            .nameOfController(this.getClass().getSimpleName())

                            .page(1)

                           .totalRecords(totalRecords)

                            .numberOfPage(numberOfPages(totalRecords,rowPage.get()))

                            .rowsForPage(rowPage.get())

                            .query(query)

                            .sort(sort)

                            .title(rf.getMessage("filter.colaborador") + " = " + user.getName())

                            .build();

            move(paginatorX);


        } catch (Exception e) {

            JsfUtil.errorDialog(JsfUtil.nameOfMethod(), e.getLocalizedMessage());

        }


        return "";

    }


Invocamos el método move()

// <editor-fold defaultstate="collapsed" desc="move(PaginatorX paginatorX">

    @Override

    public void move(PaginatorX paginatorX) {

        try {

//Porque puede ser actualizado desde los botones del paginator

           this.paginatorX=paginatorX;

           

           //Si son varios paginator en la misma pagina

           /*

           1. Se declara un paginator para cada entidad

           2. En el xhtml se pasa cada paginator a cada componente

           3. En los metodos de filtros en los controlle que use el desarrollador coloca el paginator respectivo

           4. En el move puede validar mediante el getNameOfcontroller() cual es la entidad

           PaginatorX paginatorX = new PaginatorX();

           PaginatorX paginatorXUser = new PaginatorX();

           

        

           switch(paginatorX.getNameOfController()){

               case "boletas":

                   break;

               case "user":

                   break;

           }

            */

         

            boletasList

                    = boletasServices.jsonQuery(

                            JmoordbDocument.documentToJson(paginatorX.getQuery()),

                            JmoordbDocument.documentToJson(paginatorX.getSort()),

                            paginatorX.getPage(),

                            paginatorX.getRowsForPage());


            if (boletasList == null || boletasList.isEmpty()) {

                JsfUtil.successMessage(rf.getMessage("warning.nohayboletas"));

            }


            boletasDataModel = new BoletasDataModel(boletasList);


        } catch (Exception e) {

            JsfUtil.errorDialog(JsfUtil.nameOfMethod(), e.getLocalizedMessage());

        }

    } // </editor-fold>


Componente

Creamos en la carpeta resources el componente paginatorX.xhtml



Quedaría de la siguiente manera



En la sección <composite:interface> definimos los atributos que usaremos en los componentes.

Código del botón first.



Como se puede observar podemos invocar en un controller el método first definido en la interface y le pasamos como parámetros el entity.

Lo invocamos mediante

action="#{cc.attrs.controller.first(cc.attrs.entity)}"

Para el selectOneMenu que muestra las paginas necesitamos asignar el numero de pagina seleccionado y obtener una lista de la cantidad de paginas.



En la sección siguiente

  <p:selectOneMenu id="pagesSelectOneMenuPaginator"                              

                                 value ="#{cc.attrs.controller.loadPaginator(cc.attrs.entity).pageforskip}"

                                 >

Invocamos el método laodPaginator definido en la interface IPaginator que implementa el controller, devuelve un objeto de tipo PaginatorX y obtenemos el atributo pageforskip. De esta manera podemos obtener acceso a atributos de un entty.

   












En el formulario .xhtml agregamos el comonente al <p:dataTable



 <p:dataTable var="item" value="#{seguimientoPaginatorXController.boletasDataModel}"

                                                 paginator="false"

                                                 id="dataTable"

                                                 >

                                        <f:facet name="header">

                                            <p:outputLabel value="#{msg['form.paginatorx']}"/>



                                            <extension:paginatorX

                                                controller="#{seguimientoPaginatorXController}"

                                                entity="#{seguimientoPaginatorXController.paginatorX}"

                                                

                                                />

                                        </f:facet>



Comments

Popular posts from this blog

Tutorial básico de aplicaciones Web con NetBeans parte 1

NetBeans ofrece un excelente soporte para el desarrollo de aplicaciones Web, en esta ocasión lo haremos utilizando el Framework Java Server Faces 2.0. En el Menu Seleccionamos Nuevo->Proyecto y luego en Categorias Java Web y en tipo de Proyectos Web  Application indicamos el nombre del proyecto Seleccinamos el servidor Web, usamos GlassFish ya que este soporta EJB3.0 y JSF 2.0 Framework Java Server Faces El IDE genera el esquelto del proyecto Web Pages   almacenamos las paginas .html, xhtml, jsf, los archivos de recursos, los scripts .js, imagenes Source Packages    Son las clases Java  Test Packages    Son las clases que usamos para los Test Libraries     Tenemos las bibliotecas de Java y GlassFish necesarias para ejecutar la aplicación Web. Test Libraries     Están las bibliotecas usadas para los test  Configuration Files    Archivos de configuración de la aplicación. Ejecutamos la...

JUnit con DataClassG

JUnit con DataClassG 0. ESQUEMA Services: Por cada beans crearemos una clase Services que se encargará de interactuar con el controller para realizar las operaciones de la base de datos. Se crearan los métodos insert, update,delete y los demas metodos para realizar las diversas operaciones. Test: Se crearán las clases para test de las clases Services. Form: Los formularios para la interactuar con el usuario. ProvinciasServices.java colocamos los métodos, insert, update,delete public class ProvinciasServices {    ProvinciasController provinciasController = new ProvinciasController();    public ProvinciasServices() {    }    public Boolean insert (Provincias provincias){        try{            if(provinciasController.insert(provincias)){              return tru...

Test con JUnit

El viernes dicte un taller en el que conversábamos sobre Tecnologías Java y luego desarrollamos una aplicación muy básica para demostrar como utilizar JUnit con NetBeans. Pasos: 1. Crear un proyecto Desktop con NetBeans 2. Crear una clase llamada Operaciones 3. Diseñados un formulario y agregramos componentes de manera que quede similar a la figura Código de los botones try { double a = Double.parseDouble(jTextField1.getText()); double b = Double.parseDouble(jTextField2.getText()); Operaciones operaciones = new Operaciones(); double r = operaciones.Sumar(a, b); jTextField3.setText(String.valueOf(r)); } catch (Exception ex) { JOptionPane.showMessageDialog(this, ex.getMessage().toString()); } 4. Creamos los test Seleccionamos las clases En el menu Herramientas,seleccionamos Crear pruebas JUnit Seleccionamos la versión de JUnit En la ventana siguiente seleccionamos los parámetros para nuestras pruebas . Le quitamos la selección a Probar Inicializador y Probar Finalizador NetBeans crea las...