Home / Questions / 207509
Accepted
nachfren
Asked: 2020-10-25 08:00:23 +0800 CST 2020-10-25 08:00:23 +0800 CST

autocomplete paste multiple elements

  • 772

I have a primefaces p:autocomplete component my question is if it is possible to paste several elements at the same time.

The component:

<p:autoComplete dropdown="true" id="instalacion" maxResults="100" 
    value="#{principalView.cochesSeleccionados}" 
    completeMethod="#{principalView.completeText}"
    forceSelection="true" multiple="true" 
    emptyMessage="Ningun dato coincide">

</p:autoComplete>

The bean:

@ManagedBean(name="principalView")
@ViewScoped
public class PrincipalView {
    List<String> results;
    List<String> cochesSeleccionados;

    @PostConstruct
    public void init() {
        results = new ArrayList<String>();
        results.add("BMW");
        results.add("AUDI");
        results.add("SEAT");
    }

    public List<String> completeText(String query) {
        return results;
    }
    // gettter and setter
    public List<String> getCochesSeleccionados() {
        return cochesSeleccionados;
    }

    public void setCochesSeleccionados(List<String> cochesSeleccionados) {
        this.cochesSeleccionados = cochesSeleccionados;
    }
}

My intention is to be able to copy from a site the elements:

BMW SEAT and by pasting it on the selected component.

java

2 Answers

  1. Hi, I haven't seen much on the subject. but I hope I can help you.. check the PrimeFaces page

    https://www.primefaces.org/showcase/ui/input/autoComplete.xhtml

    there is a practical example of multiselect that I think you are looking for

    enter image description here

    I hope it is helpful

    • 0
  2. Best Answer

    In the end I got it by putting a button that opens a modal with a inputTextAreawhere we will paste the list of elements to paste.

    <p:autoComplete dropdown="true" id="autocomplete_coches" maxResults="100" 
    value="#{principalView.cochesSeleccionados}" 
    completeMethod="#{principalView.completeText}"
    forceSelection="true" multiple="true" 
    emptyMessage="Ningun dato coincide">
</p:autoComplete>

<p:commandButton value=" " icon="fa fa-plus" type="button" onclick="PF('dlg4').show();" style="height: 31.19;width:30px;"/>
<p:dialog header="Coches" widgetVar="dlg4" minHeight="40">
    <p:inputTextarea  rows="10" cols="50" autoResize="false" value="#{principalView.textArea}"/>
    <p:commandButton value="Añadir" actionListener="#{principalView.multipleElemento()}" update="autocomplete_coches" oncomplete="PF('dlg4').hide();"></p:commandButton>
    <p:commandButton value="Cancelar" onclick="PF('dlg4').hide();"></p:commandButton>
</p:dialog>

    The java part:

        private String textArea;

    public void multipleElemento() {
        String[] lista =textArea.split("\n");//El usuario pega los diferentes elementos con un salto de linea.

        for(String coche : lista) {

            if(cochesSeleccionados == null) {
                cochesSeleccionados = new ArrayList<String>());
            }
            if(coche != null && coche.size()==1)
                cochesSeleccionados.add(coche);
        }
        textArea="";
    }

    Obviously now if we paste any element in the inputTextarea it will put it as if it existed.

    • 0