Feature #3740
fermé
Faciliter l'ordonnancement des lignes des tableaux
100%
Description
Dans le cadre des feature #3150 et #3691, il est nécessaire de pouvoir ordonner explicitement les lignes des tableaux qui présentes respectivement les catégories d'un blog et les actualités.
Cette évolution technique est un prérequis à ces deux évolutions. Elle consiste en un enrichissement de l'objet ArrayPane afin de fournir un tableau dont les lignes seront ordonnables par glisser/déplacer.
Le développeur n'aura besoin de se soucier uniquement de la persistance de l'ordre des lignes.
Mis à jour par Nicolas Eysseric il y a plus de 11 ans
- Statut changé de In progress... à Closed
- % réalisé changé de 60 à 100
Afin d'activer l'ordonnancement des lignes d'un tableau par glisser/déplacer, il suffit d'utiliser la méthode setSortableLines(true) sur l'objet ArrayPane.
Chaque ligne du tableau doit être identifiée de manière unique grâce à la méthode setId().
L'identifiant doit débuter par une chaine de caractère suivie du caractère "underscore".
Une fois le tableau initialisé, les lignes sont ordonnables librement.
Il faut ensuite récupérer l'ordre des lignes et l'enregistrer (grâce à un service REST de préférence).
$(document).ready(function(){
$('#ticketList tbody').bind('sortupdate', function(event, ui) {
var data = $('#ticketList tbody').sortable('serialize');
// do the job here...
});
});
Dans l'exemple ci-dessus, ticketList est le nom donné au tableau.
Serializes the sortable's item id's into a form/ajax submittable string. Calling this method produces a hash that can be appended to any url to easily submit a new item order back to the server.
Plus d'information sur la méthode serialize : http://docs.jquery.com/UI/API/1.8/Sortable#method-serialize