Tuesday, December 01, 2015

Web Responsive con Primefaces

Web Responsibe con Primefaces

Primefaces 5.3 soporta Web Responsive, por ejemplo


en el panelGrid indicamos la propiedad layout con el valor de grid
<p:panelGrid columns="3" layout="grid">


Monday, November 30, 2015

Reportes con imagenes en Java Server Faces

Reportes con imagenes en Java Server Faces
Deseamos mostrar en el reporte la imagen escudonacional.gif, que está almacenada en
/resources/imagenes

En el controller que usamos para imprimir crear el metodo 
 public static String getPath() { 
        try { 
            ServletContext ctx = (ServletContext) FacesContext.getCurrentInstance() 
                    .getExternalContext().getContext(); 
            return ctx.getRealPath("/"); 

        } catch (Exception e) { 

           JSFUtil.addErrorMessage("getPath() " + e.getLocalizedMessage()); 
   } 
        return null; 

    } 


En el método imprimir, generar el path mediante el llamado a getPath(), y colocar la 
ubicación de la imagen. 

private String imprimirGeneralIngresos(List<InformeGeneralIngresos> list, Double 
totalenviado, Double totalcomision, Double totalitbm, Double total) { 
        try { 

            String ruta = "/resources/reportes/informes/informegeneralingresos.jasper"; 
            HashMap parameters = new HashMap(); 


            ​
String path = getPath() + "resources/imagenes/escudonacional.gif"; 
                  parameters.put("P_RUTAIMAGEN", path);  


            gestorImpresion.imprimir(list, ruta, parameters); 
        } catch (Exception ex) { 
            JSFUtil.addErrorMessage("imprimirEnviados() " + ex.getLocalizedMessage()); 
        } 
        return null; 
    } 




 En el diseñador de Reporte  
Agregar el parámetro P_RUTAIMAGEN de tipo String 

Arrastrar un objeto de tipo image 

se muestra el dialogo para seleccionar la imagen 

Darle clic en Cancelar para no seleccionar ninguna imagen 

se muestra el icono que representa a la imagen 


dar clic en el image y buscar en properties , la propiedad Image Expression 

dar clic en el boton ... 

En el diálogo dar clic en Parameters y  seleccionar P_RUTAIMAGEN 

Quedaría de la siguiente manera, dar clic en Ok 


El icono que se mostraba anteriormente desaparece y queda el área de la imagen que será 
reemplaza por la que indiquemos en el controller 

Compilar el reporte 

Al ejecutar el proyecto se muestra la imagen en el reporte. 














Friday, November 20, 2015

Usar un splitButton con datatable primefaces

En algunas ocasiones necesitamos desplegar varias opciones en un datatable, para evitar tener que definir muchas columnas, podemos utilizar un splitButton , que invoca un dialogo en base a cada opción seleccionada.

Al seleccionar la opción detalle, muestra un dialogo con el detalle de la fila seleccionada.
    <p:column style="width:40px;">  

                                    <p:fragment autoUpdate="true"> 

                                        <p:splitButton title="#{msg.opciones}"    icon="fa fa-align-left">
                                            
                                            <p:menuitem value="#{msg.detalle}" title="#{msg.detalle}" update=":form:growl,:form:datatableImpuestos   ,:form:panelcomentario" oncomplete= "PF('detalleDialogVar').show()"  icon="fa fa-file-text-o" >
                                                  <f:setPropertyActionListener value="#{item}" target="#{impuestoscontribuyentesController.selected}" />  
                                            </p:menuitem>
                                          
                                             <p:menuitem value="#{msg.pagos}" title="#{msg.pagos}" update=":form:growl,:form:datatableImpuestos   ,:form:panelpagos" oncomplete= "PF('pagosDialogVar').show()"  icon="fa fa-pinterest-p" >
                                                  <f:setPropertyActionListener value="#{item}" target="#{impuestoscontribuyentesController.selected}" />  
                                            </p:menuitem>
                                                 <p:separator />
                                            <p:menuitem value="#{msg.morosidad}" title="#{msg.morosidad}" update=":form:growl,:form:datatableImpuestos   ,:form:panelmorosidad" oncomplete= "PF('morosidadDialogVar').show()"  icon="fa fa-medium" >
                                                  <f:setPropertyActionListener value="#{item}" target="#{impuestoscontribuyentesController.selected}" />  
                                            </p:menuitem>
                                         <p:menuitem value="#{msg.recargo}" title="#{msg.recargo}" update=":form:growl,:form:datatableImpuestos   ,:form:panelrecargo" oncomplete= "PF('recargoDialogVar').show()"  icon="fa fa-bell" >
                                                  <f:setPropertyActionListener value="#{item}" target="#{impuestoscontribuyentesController.selected}" />  
                                            </p:menuitem>
                                       
                                           
                                        </p:splitButton>

                                      
                                    </p:fragment>


                                </p:column>


El dialogo
  <p:dialog  modal="false" 
                                   height="220"  width="510" draggable="true"
                                   id="pagarDialogVar"
                                   widgetVar="detalleDialogVar">

                            <b:panel id="panelcomentario2" look="primary" title="#{msg.detalle}">
                                <!--<p:panelGrid columns="2" id="panelcomentario">-->
                                <b:panelGrid id="paneldetalle" colSpans="2,10">
                                    <p:outputLabel value="#{msg.idnivel6}"/>
                                    <p:outputLabel value="#{impuestoscontribuyentesController.selected.idnivel6.idnivel6}"/>
                                    <p:outputLabel value="#{msg.nombre}"/>

                                    <p:outputLabel value="#{impuestoscontribuyentesController.selected.idnivel6.nombre}"/>


                                    <h:outputText value="#{msg.rango}"/>

                                    <h:outputText value="( #{impuestoscontribuyentesController.selected.idnivel6.minimo} a #{impuestoscontribuyentesController.selected.idnivel6.maximo} )"/>





                                    <p:commandButton 
                                        icon="ui-icon-close"
                                        update=":form:datatableImpuestos   ,:form:growl"
                                        onclick="PF('comentarioDialogVar').hide();"
                                        type="button" />


                                </b:panelGrid>


                            </b:panel>

                        </p:dialog>




Tuesday, November 10, 2015

PrimeFaces Theme Development

Ya esta disponible el libro PrimeFaces Theme Development. de Andy Bailey, Sudheer Jonna
Si deseas cambiar la apariencia de PrimeFaces, crear tus propios Temas, este libro te guía paso a paso en como hacerlo.-
https://www.packtpub.com/web-development/primefaces-theme-development

Es la seguna ocasión que tengo el placer de ser revisor de un libro de Sudhher Jonna, mis felicitaciones por el trabajo realizado y a Pack Publishing por la oportunidad de participar en sus proyectos.



Saturday, November 07, 2015

Autocomplete con Converter

Autocomplete con Converter

Converter antes de JSF 2.3 no soportan CDI

, por lo que debemos usarlo a través de @Named y @RequestScoped

En el formulario sin jsf 2.3

Usamos            <f:converter binding="#{actividadesConverter}" />

<p:outputLabel  rendered="#{!actividadesController.nuevoregistro}"
                                               value="#{msg.actividad}" for="actividad" />
                               <p:autoComplete  scrollHeight="250"   dropdown="true"  size="45"   
                                                rendered="#{!actividadesController.nuevoregistro}"
                                                value="#{actividadesController.selected}"  
                                                completeMethod="#{actividadesController.actividadesServices.completeActividad}"  
                                                var="p"  
                                                itemLabel="#{p.actividad}"  itemValue="#{p}"
                                                forceSelection="true">
                                   <f:converter binding="#{actividadesConverter}" />
                                   <p:ajax event="itemSelect" listener="#{actividadesController.handleSelect}" update=":form:panel,:form:growl" />  
                                   <f:facet name="itemtip">
                                       <h:panelGrid columns="1" cellpadding="5">
                                           <h:outputText value="#{p.actividad}" />
                                           <h:outputText value="#{p.tipo}" />
                                           <h:outputText value="#{p.idactividades}" />
                                       </h:panelGrid>
                                   </f:facet>
                               </p:autoComplete>




En el converter sin jsf 2.3

Debemos usar las anotaciones @Named
@RequestScoped
import com.javscaz.brigem.Actividades;
import com.javscaz.brigem.ejb.ActividadesFacade;
import com.javscaz.brigem.generales.JSFUtil;
import javax.enterprise.context.RequestScoped;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.convert.Converter;
import javax.inject.Inject;
import javax.inject.Named;


@Named
@RequestScoped
public class ActividadesConverter implements Converter {
@Inject
ActividadesFacade actividadesFacade;
   @Override
   public Object getAsObject(FacesContext facesContext, UIComponent uiComponent, String s) {
       System.out.println("");
       Actividades actividades = new Actividades();
       try {
           if (null != s) {
               actividades.setIdactividades(Integer.parseInt(s));
               actividades = actividadesFacade.findById(actividades.getIdactividades());
           }
       } catch (Exception e) {
           JSFUtil.addErrorMessage("getAsObject()" + e.getLocalizedMessage());
       }
       return actividades;
   }


   @Override
   public String getAsString(FacesContext facesContext, UIComponent uiComponent, Object o) {
       String r = "";
       try {


           if (o instanceof Actividades) {
               Actividades actividades = (Actividades) o;
               r = String.valueOf(actividades.getIdactividades());
           } else if (o instanceof String) {
               r = (String) o;
           }
       } catch (Exception e) {
           JSFUtil.addErrorMessage("getAsString()" + e.getLocalizedMessage());


       }
       return r;
   }
}

Crear el EJB SessionBean  Services

Es idéntico para JSF 2.3 y anteriores, alli colocamos los complete que seran invocados desde los formularios

import com.javscaz.brigem.Actividades;
import com.javscaz.brigem.ejb.ActividadesFacade;
import com.javscaz.brigem.generales.JSFUtil;
import java.util.ArrayList;
import java.util.List;
import javax.ejb.Stateless;
import javax.inject.Inject;


/**
*
* @author avbravo
*/
@Stateless
public class ActividadesServices {


     @Inject
   ActividadesFacade actividadesFacade;


  
   public List<Actividades> completeActividad(String query) {
       List<Actividades> actividadesList = new ArrayList<>();
       List<Actividades> suggestions = new ArrayList<>();
       try {
           query = query.trim();


           actividadesList = actividadesFacade.findByActividadLike(query.toLowerCase());
           actividadesList.stream().forEach((p) -> {
               suggestions.add(p);
           });


       } catch (Exception e) {
           JSFUtil.addErrorMessage("completeComercio() " + e.getLocalizedMessage());
       }


       return suggestions;
   }


    
}


En el Controller

En cada controller donde se usará el autocomplete debemos injectar el Services y generar los métodos set/get


Injectar el services


@Inject
   ActividadesServices actividadesServices;
   
   public ActividadesServices getActividadesServices() {
       return actividadesServices;
   }


   public void setActividadesServices(ActividadesServices actividadesServices) {
       this.actividadesServices = actividadesServices;
   }


JSF 2.3 Soporta CDI en los Converter



Crear al converter con jsf 2.3

Usar @FacesConverter(value = "actividadesConvertidor")


import com.javscaz.brigem.Nivel1;
import com.javscaz.brigem.generales.JSFUtil;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.convert.Converter;
import javax.faces.convert.FacesConverter;


/**
*
* @author avbravo
*/
@FacesConverter(value = "actividadesConvertidor")
public class ActividadesConvertidor implements Converter {
@Inject
ActividadesFacade actividadesFacade;
   @Override
   public Object getAsObject(FacesContext facesContext, UIComponent uiComponent, String s) {


       Actividades actividades = new Actividades();
       try {
           if (null != s) {
               actividades.setIdactividades(Integer.parseInt(s));
               actividades = actividadesFacade.findById(actividades.getIdactividades());
           }
       } catch (Exception e) {
           JSFUtil.addErrorMessage("getAsObject()" + e.getLocalizedMessage());
       }
       return actividades;
   }


   @Override
   public String getAsString(FacesContext facesContext, UIComponent uiComponent, Object o) {
       String r = "";
       try {


           if (o instanceof Actividades) {
               Actividades actividades = (Actividades) o;
               r = String.valueOf(actividades.getIdactividades());
           } else if (o instanceof String) {
               r = (String) o;
           }
       } catch (Exception e) {
           JSFUtil.addErrorMessage("getAsString()" + e.getLocalizedMessage());


       }


       return r;
   }


}

En el formulario con jsf 2.3



<p:autoComplete  scrollHeight="250"   dropdown="true"  size="45"   
                                                rendered="#{!actividadesController.nuevoregistro}"
                                               value="#{actividadesController.selected}"  
                                               completeMethod="#{actividadesController.actividadesServices.completeActividad}"  
                                               var="p"  
                                               itemLabel="#{p.actividad}"  itemValue="#{p}"
                                               converter="actividadesConverter" forceSelection="true">


                                   <p:ajax event="itemSelect" listener="#{actividadesController.handleSelect}" update=":form:panel,:form:growl" />  
                                   <f:facet name="itemtip">
                                       <h:panelGrid columns="1" cellpadding="5">
                                           <h:outputText value="#{p.actividad}" />
                                           <h:outputText value="#{p.tipo}" />
                                       </h:panelGrid>
                                   </f:facet>

                               </p:autoComplete>