Discussion :

[arlemcities]

Bonjour,

J'ai fait une liste sortable qui marche très bien.
Maintenant, j'aimerais récupérer la nouvelle position des éléments en cliquant sur le bouton valider!

Modèle:

Code :

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

1
2
3
4
5
6
7
 
public function ordonnerMenu($idMenu, $ordreMenu) {
        $sql = "UPDATE menu 
                SET ordre='$ordreMenu'
                WHERE id_menu=$idMenu";
        $res = $this->executerRequete($sql);
    }

Controleur:

Code :

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

1
2
3
4
5
6
7
 
public function ordonnerMenu() {
        $idMenu = $this->requete->getParametre("idMenu");
        $ordreMenu = $this->requete->getParametre("ordreMenu");
 
        $this->menu->ordonnerMenu($idMenu, $ordreMenu);
    }

Vue:

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
 
<form method='post' action='eaproduits/ordonnerMenu' class='ordreMenu'>
                                        <div class='form-group'>
                                            <dl id='sortable'>
 
                                                foreach ($array2 as $row) {
                                                    $idMenu2 = $row['idMenu'];
                                                    $idParentMenu2 = $row['idParent'];
                                                    $libelleMenu2 = $row['libelle'];
                                                    $ordreMenu2 = $row['ordre'];
 
                                                                    <dt>
                                                                         $libelleMenu2                                                                        
                                                                        <input type='' name='ordreMenu' value=\"$ordreMenu2\">
                                                                        <input type='' name='idMenu' value=\"$idMenu2\">
                                                                    </dt>";
                                                }
 
                                             </dl>
                                        </div>
 
                                        <div class='form-button'>
                                            <button type='submit'>Valider</button>
                                        </div>
                                    </form>

Le problème est que je ne vois pas du tout comment récupérer la nouvelle position de ma liste!
Auriez-vous une idée?

Merci,

[Invité]

Bonjour,

un simple ".... ORDER BY ordre ASC" dans la requête ?


Sinon, explique ce que tu entends par "récupérer la nouvelle position".

[arlemcities]

Par exemple:
Item A en position 1
Item B en position 2
Item 3 en position 3

Les positions correspondent à la colonne 'ordre' dans ma BDD.
La liste sortable permet à l'utilisateur de changer les positions. Une fois qu'il appuie sur le bouton 'Valider', j'aimerais que la colonne 'ordre' de ma BDD se mette à jour avec les nouvelles positions/le nouvel ordre!

D'après mes recherches, il faudrait faire un serialize() ... mais je n'y arrive pas!
Je bloque vraiment et je ne vois pas comment faire pour récupérer cet nouvel ordre et updater ma BDD!

Tu as une idée?

Merci,

[sabotage]

De quelle manière l'utilisateur change t'il la position ?

[arlemcities]

Via un drag'n'drop!

Code :

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

1
2
3
4
5
6
7
8
9
 
$(function() {
        $( "#sortable" + j ).sortable({
            placeholder: "highlight",
            revert: true,
            tolerance: "pointer"
        });
        $( "#sortable" + j ).disableSelection();
});

[sabotage]

Je vois qu'il y a des bouts de input dans ta liste.
C'est lié au fonctionnement du plugin jQuery ou c'est un essai que tu as fais ?

Parce que le jQuery modifie la liste dans le navigateur mais si rien ne remonte vers PHP, tu n'es pas pret de faire une mise à jour dans la bdd.
Une solution est effectivement qu'en plus de modifier visuellement la liste, le javascript modifie les valeurs d'ordre dans un formulaire HTML.