Discussion :

[xc78370]

Bonjour,

Je cherche à sauvegarder l'ordre de plusieurs listes en base.
Mais je ne parviens pas à récupérer l'ordre de mes 2 listes.

Une idée ?

Merci d'avance pour votre aide


Le code HTML de mes listes :

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
17
18
 
    <div id="sortlist1" class="ul_style"> 
 
        <div id="content1" class="sortable_item">item 1</div>
        <div id="content2" class="sortable_item">item 2</div>
        <div id="content3" class="sortable_item">item 3</div>
        <div id="content4" class="sortable_item">item 4</div>
 
    </div>
<br>
    <div id="sortlist2" class="ul_style"> 
 
        <div id="content1" class="sortable_item">item 1</div>
        <div id="content2" class="sortable_item">item 2</div>
        <div id="content3" class="sortable_item">item 3</div>
        <div id="content4" class="sortable_item">item 4</div>
 
    </div>

Le script pour rendre mes listes draggables et pour sauvegarder l'ordre en base :

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
17
18
19
20
21
22
23
24
25
 
<script type="text/javascript">
    $(document).ready(
        function(){
            $("#sortlist1, #sortlist2").Sortable({
            accept : 'sortable_item',
            onchange : function (sorted) {
            serial1 = $.SortSerialize('sortlist1'); 
            serial2 = $.SortSerialize('sortlist2');
            // requète Ajax pour l'enregistrement des positions
            $.ajax({
                url: "save_position.asp",
                type: "post",
                data: serial1.hash + serial2.hash,
 
                //complete: function(data){alert(data);},
                //success: function(feedback){ $('#data').html(feedback); }
                //error: function(){alert('Erreur lors du déplacement ');}
 
                });
            }
 
        });
    });
</script>

[xc78370]

J'ai trouvé une solution qui fonctionne mais pas très optimale.
En effet, je duplique le code. Comment faire une optimiser cela ?

Merci d'avance pour votre aide.

Le code HTML de mes listes :

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
17
 
    <div id="sortlist1" class="ul_style"> 
 
        <div id="content1" class="sortable_item1">item 1</div>
        <div id="content2" class="sortable_item1">item 2</div>
        <div id="content3" class="sortable_item1">item 3</div>
        <div id="content4" class="sortable_item1">item 4</div>
 
    </div>
    <div id="sortlist2" class="ul_style"> 
 
        <div id="content1" class="sortable_item2">item 1</div>
        <div id="content2" class="sortable_item2">item 2</div>
        <div id="content3" class="sortable_item2">item 3</div>
        <div id="content4" class="sortable_item2">item 4</div>
 
    </div>

Le script pour rendre mes listes draggables et pour sauvegarder l'ordre en base :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
 
<script type="text/javascript">
    $(document).ready(
        function(){
            $("#sortlist1").Sortable({
                accept : 'sortable_item1',
                onchange : function (sorted) {
                    serial1 = $.SortSerialize('sortlist1'); 
                    // requète Ajax pour l'enregistrement des positions
                    $.ajax({
                        url: "save_position.asp",
                        type: "post",
                        data: serial1.hash,
 
                        //complete: function(data){alert(data);},
                        //success: function(feedback){ $('#data').html(feedback); }
                        //error: function(){alert('Erreur lors du déplacement ');}
 
                    });
                }
            });                        
 
            $("#sortlist2").Sortable({
                accept : 'sortable_item2',
                onchange : function (sorted) {
                    serial2 = $.SortSerialize('sortlist2');
                    // requète Ajax pour l'enregistrement des positions
                    $.ajax({
                        url: "save_position.asp",
                        type: "post",
                        data: serial2.hash,
 
                        //complete: function(data){alert(data);},
                        //success: function(feedback){    $('#data').html(feedback); }
                        //error: function(){alert('Erreur lors du déplacement ');}
 
                    });
                }            
            });            
 
        }
    );    
</script>