Autocomplete con dropdwon

Agregar el componente desde la pagina

Usamos minQueryLength ="0", para que busque sin haber ingresado un solo carácter, así al presionar en , se muestran todos los registros.

dropdown="true"
minQueryLength="0"
fromstart="true"

       <p:outputLabel value="#{msg['field.tienda']}"/>
        <e:autocompletetienda listener="#{tiendaController.handleSelect}"
                              value="#{choferController.tienda}"

                              itemLabel=" #{p.tienda}"
                              field="tienda"
                              minQueryLength="0"
                              dropdown="true"
                              fromstart="true"
                                              />

Componente

Definir

dropdown indica si se muestra el dropdown
minQueryLength caracter a partir del cual se hará la búsqueda
fromStart indica que se buscara desde el primer caracter

<composite:attribute name="dropdown" default="false"/>
<composite:attribute name="minQueryLength"  default="1"/>

Parametro:

fielddropdown :indica si es para filtrar desde cuaqler caracter

fieldquerylenth ,mínimo de caracteres a buscar

<f:attribute name="fielddropdown" value="#{cc.attrs.dropdown}"/>
 <f:attribute name="fieldquerylenth" value="#{cc.attrs.minQueryLength}"/>

<?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:h="http://xmlns.jcp.org/jsf/html">
    <composite:interface >


        <composite:attribute name="value" />
        <composite:attribute name="dropdown"  default="false"/>
         <composite:attribute name="minQueryLength"  default="1"/>
             <composite:attribute name="fromstart" default="true"/>

        <composite:attribute name="multiple" default="false" />
        <composite:attribute name="itemLabel" />
        <composite:attribute name="update" />
        <composite:attribute name="rendered"/>
         <composite:attribute name="required" default="false" />
        <composite:attribute name="field"/>
         <composite:attribute name="size"  default="25"/>
        <composite:attribute name="listener"  
                             method-signature="void handleSelect(org.primefaces.event.SelectEvent)" />

    </composite:interface>
    <composite:implementation>

        <p:autoComplete     dropdown="#{cc.attrs.dropdown}"    
                            scrollHeight="250"   
                             size="#{cc.attrs.size}"
                             multiple="#{cc.attrs.multiple}" 
                            emptyMessage="#{app['info.nohayregistros']}" 
                            value="#{cc.attrs.value}"  
                            completeMethod="#{tiendaController.tiendaServices.complete}"    
                            var="p"


                             required="#{cc.attrs.required}"
                            itemLabel="#{cc.attrs.itemLabel}"
                            itemValue="#{p}" 
                            forceSelection="true"> 
            <f:converter binding="#{tiendaConverter}"/>
            <f:attribute name="field" value="#{cc.attrs.field}"/>
            <f:attribute name="fielddropdown" value="#{cc.attrs.dropdown}"/>
            <f:attribute name="fieldquerylenth" value="#{cc.attrs.minQueryLength}"/>
            <f:attribute name="fromstart" value="#{cc.attrs.fromstart}"/>


            <p:ajax event="itemSelect" listener="#{cc.attrs.listener}"
                    update="#{cc.attrs.update}" />  
            <f:facet name="itemtip">
                <h:panelGrid columns="1" cellpadding="5">

                    <h:outputText value="#{msg['field.idtienda']} #{p.tienda}" />



                </h:panelGrid>
            </f:facet>
        </p:autoComplete>  

    </composite:implementation>

</html>

Services

Verificar si se especifico dropdwon, invocar el findRefex() o findRegexInText()

   @Inject
   TiendaRepository repository;

   public List<Tienda> complete(String query) {
        List<Tienda> suggestions = new ArrayList<>();
        try {
            suggestions = repository.complete(query);
        } catch (Exception e) {
            JsfUtil.errorMessage("complete() " + e.getLocalizedMessage());
        }

        return suggestions;
    }// </editor-fold>

Código Completo

Previous<p:autocomplete> con Integer y String NextAutocomplete con minQueryLength=

Last updated 6 years ago

Was this helpful?