Skip to main content

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>

Comments

Popular posts from this blog

FileUpload con Primefaces

FileUpload con Primefaces

Si queremos subir imagenes a nuestra aplicación usaremos el componente FileUpload Debemos realizar los siguientes pasos:
Agregar al archivo web.xml

   <filter>        <filter-name>PrimeFaces FileUpload Filter</filter-name>        <filter-class>            org.primefaces.webapp.filter.FileUploadFilter        </filter-class>    </filter>    <filter-mapping>        <filter-name>PrimeFaces FileUpload Filter</filter-name>        <servlet-name>Faces Servlet</servlet-name>    </filter-mapping>



Crear dentro de resources el directorio donde deseamos almacenar las imagenes En este ejemplo: resources/fotos/clinicas y agregue una imagen llamada fotos.png que se usará como imagen inicial.



En JSFUtil u otro @Named Beans que usemos agregamos tres métodos uno para obtener el path de la aplicación web , otro para obtener el path relativo a /fotos/clinicas y el otro para copiar los archivos. /*

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 aplicación 

Esperamos que se inicie GlassFish y se cargue la aplicación
Este se ejecutara en nuestro servidor local y…

NetBeans 8.0.1 en Español

NetBeans 8.0.1 disponible en español
http://bits.netbeans.org/netbeans/8.0.1/community/
Esta disponible NetBeans 8.0.1 en varios idiomas .


Puedes descargar la nueva versión y utilizar las nuevas características