Project

General

Profile

Actions

Feature #3740

closed

Faciliter l'ordonnancement des lignes des tableaux

Added by Nicolas Eysseric about 9 years ago. Updated about 9 years ago.

Status:
Closed
Priority:
Normal
Category:
ViewGenerator
Start date:
09/25/2012
Due date:
% Done:

100%

Estimated time:
Livraison en TEST:
Livraison en PROD:

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.

Actions #1

Updated by Nicolas Eysseric about 9 years ago

  • Status changed from In progress... to Closed
  • % Done changed from 60 to 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
Actions

Also available in: Atom PDF