Discussion :

[toma03]

Bonjour,

Je veux faire du drag and drop entre deux listes : Pour cela j'ai utilisé ce code js :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
 
 $(function () {
                $("#list1, #list2").sortable({
                    connectWith: ".connectedSortable",
                    accept: 'item',
                    placeholder: "ui-selected",
                    helper: 'clone',
                    cursor: 'move',
                    revert:true
                }).disableSelection();
            });

Tout fonctionne, seulement je voudrais que lors du drag d'un item de la liste 1 vers la liste 2, l'item s'ajoute à la liste 2 (ça ok) MAIS qu'il reste comme même dans la liste 1.

Cela est-il possible en utilisant sortable ? helper: 'clone' permet t'il ça ?

Merci de votre aide

Thomas

[toma03]

J'ai trouvé cette solution :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
       $(function () {
 
                $("#list2").sortable({
                    revert: true
                });
                $("#list1 li").draggable({
                    connectToSortable: "#list2",
                    helper: "clone",
                    revert: "invalid"
                });
 
                $("ul, li").disableSelection();
 
 
            });