Discussion :

[Tlili2014]

Bonjour
j'utilise primeface dans une application web
j'ai utilisé ce composant :
http://www.primefaces.org/showcase/ui/dndGrid.jsf
je veux customiser ce composant en lui changeant son design maintenant ce composant me donne la main pour glisser des items de la liste available ver la liste sélectionnée mais j'ai besoin d’implémenter une fonctionnalité pour supprimer un item situé dans liste sélectionnée après sa sélection de la liste available.

Avez vous une idée

Merci Bien

[Alkhan]

bonjour,

j'ai besoin d’implémenter une fonctionnalité pour supprimer un item situé dans liste sélectionnée après sa sélection de la liste available.
Avez vous une idée

Je ne suis pas sur de comprendre ce que tu veux !!
Mais c'est pas ce que fait l'exemple dans le lien que tu as fournis ?

[Tlili2014]

Si vous avez consulter le lien du composant , vous avez remarquer que ce composant c'est un data-grid drag-drop ce je veus faire c'est supprimer un item selection de la liste sélectionnée autrement dit dans ce composant on a un esnsemble de depart D=(i1,i2,i3...) et un ensemble d'arrivée A() qui contient rien pour le moment je fais un drag drop de D vers A de l'element i1 alors D=(i2,i3,...) et A=(i1) . ce composant ne me donne pas la main de supprimer i1 de A
c'est ca la probleme j'epere que vous avez compris ce que je faire avec ce composant
Merci

[Alkhan]

J'avais bien compris !
Que cela soit un dataGrid ou autre c'est la même chose, le passage de D vers A se fait dans le bean.
Dans l'exemple du lien c'est fait avec :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 public void onCarDrop(DragDropEvent ddEvent) {  
        Car car = ((Car) ddEvent.getData());  
  
        droppedCars.add(car);  // Ajout dans la deuxième liste
        carsSmall.remove(car); // Suppression de la première liste 
    }

[Tlili2014]

Et bain je te signale que tu 'as rien compris je supprimer de la liste A (fonctionnalité attendu ) et non pas de D ( fonctionnalité existante ).


Il n'y a pas de problème, il n'y a que des solutions.
Cependant, comme le disaient les shadoks, s'il n'y a pas de solution, c'est qu'il n'y a pas de problème

[Alkhan]

Et bain je te signale que tu 'as rien compris je supprimer de la liste A (fonctionnalité attendu ) et non pas de D ( fonctionnalité existante ).

Il n'y a pas de problème, il suffit de faire comme sur le datagrid et ajouter une colonne dragable sur la dataTable !

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
    <p:dataTable var="car" value="#{tableBean.droppedCars}"  
                    rendered="#{not empty tableBean.droppedCars}">  
  
            <p:column style="width:20px">  
                <h:outputText id="dragIcon"  
                    styleClass="ui-icon ui-icon-arrow-4" />  
                <p:draggable for="dragIcon" revert="true" />  
            </p:column>  

            <p:column headerText="Model">  
                <h:outputText value="#{car.model}" />  
            </p:column>  
........

Ensuite ne pas oublier d'ajouter le tag doppable sur sur le datagrid.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
    <p:droppable for="availableCars" tolerance="touch" activeStyleClass="ui-state-highlight" datasource="selectedCars" onDrop="handleDrop">  
        <p:ajax listener="#{tableBean.onCarUnSelect}" update="dropArea selectedCars" />  
    </p:droppable>

Je te laisse imaginer ce que contient la méthode onCarUnSelect