Bonjour,
Actuellement je travail sur cet outil Jquery UI qui me permet de changer l'ordre des valeurs de ma liste 'Sortable'. Mais ma liste viens du Base de donnée et je garde dans la BDD la position de chaque élément.
J'affiche correctement ma liste code HTML généré:
(j'ai volontairement caché le contenu s'agissant de données propre à une entreprise)
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <ul id="sortable"> <li class="ui-state-default" lipos="1440">Contenus1</li> <li class="ui-state-default" lipos="1441">Contenus2</li> </ul>
comme vous le voyais j'ai tâté un peu le code fournit dans ce Topic, mais au final je ne cerne pas du tout comment ça fonctionne x).
voici le code JS:
bon jusque là ça tourne bien, je peux déplacer mes lignes comme bon me semble, mais comment enregistrer la position final dans la BDD?
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 var lipos = null; function liposUpdade(){ lipos = []; $("#sortable li").each(function(i,item){ lipos.push($(item).attr("lipos")); }); $("#affiche").append("<p>" + lipos.join(" , ") + "</p>"); } $(function() { $("#sortable").sortable({ placeholder: "ui-state-highlight", update : function (event, ui){ liposUpdade(); } }); $("#sortable").disableSelection(); });
Voilà, avec tout ça je pensais pouvoir récupérer la position et la mettre à jour dans ma base de donnée. Malheureusement c'est pas si simple --'.
Est il possible que l'on m'oriente afin que mon programme fonctionne correctement avec l'effet voulu?
J'utilise postgreSQL.
Partager