Discussion :

[Isiker]

Bonjour,

Souhaitant ajouter un tableau de tri dans mon appli, j'ai trouvé ce magnifique js sur internet qui marche du tonnerre.
Lien du JS
En revanche, je souhaiterais ajouter un nouveau type de tri dans cette page mais je m'y perds un peu. Que dois-je changer dans ce js pour exécuter un tri spécial quand le nom de la colonne est par exemple "Poste" je veux que l'ordre alphabétique change comme ceci "Gardien, Défenseur, Milieu, Attaquant"

Merci d'avance

[gwinyam]

A peu près à mi-fichier, tu as un commentaire qui commence par "sort functions"

Là tu as juste à ajouter ta méthode de tri sur le modèle:

Code javascript :

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

1
2
3
4
5
6
sort_perso: function(a,b) {
    // a : premier élément à comparer
    // b : second élément à comparer
    return 1;
    // retourne 0 si b va avant a, 1 si a va avant b
  }

Bon courage et n'oublie pas le bouton "Résolu" si ça te suffit

[Isiker]

J'avais plus ou moins repérer l'endroit où ajouter ma fonction de tri, mais je bloque surtout sur l'endroit où l'appeler, ainsi que de lui demander de l'appeler uniquement quand le nom de la colonne est "Poste".

Donc si tu pouvais être un poil plus précis je ne serais pas contre^^

[gwinyam]

Je connais pas cette librairie, donc c'est compliqué d'être vraiment aidant. Ceci dit, si je lis les premières lignes du fichier, je vois:

Add <script src="sorttable.js"></script> to your HTML
Add class="sortable" to any table you'd like to make sortable
Click on the headers to sort

Je suppose donc que si j'ajoute la librairie à ma page, que je définis la classe comme suggéré sur ma table, à partir de là, quand je cliquerai sur les headers de la table elle se triera.

Je note d'ailleurs que le programmeur a bien fait les choses si je lis plus bas, puisqu'il a prévu le cas où l'intégrateur n'aurait pas mis de header à son tableau, il en rajoute un au besoin.

Mais au delà de lire les commentaires du code, je vais surtout voir la doc indiquée au début du fichier:
http://www.kryogenix.org/code/browser/sorttable/t
et surtout la FAQ :
http://www.kryogenix.org/code/browse...le/#stablesort

Normalement, avec ça, t'as tout.

[Isiker]

Merci gwinyam, en regardant la FAQ et en tâtonnant un peu j'ai enfin trouvé.

Pour info, voilà ce qu'il faut faire:
- Dans la balise th de votre tri spécial, ajouter l'attribut:

Code :

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

class="sorttable_special"

- Dans le JS, créer en variable publique le tableau qui va définir votre tri. Ex:

Code :

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

var tab = new Array('Un','Deux','Troix','Quatre','Cinq')

- Ensuite à peu près à mi-fichier ajouter un nouveau type de tri (le nom du tri doit s'appeler comme le nom que vous avez défini dans la balise th, ici il s'agit de "special") et comparez les index:

Code :

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

1
2
3
4
5
sort_special: function(a,b) {
    if (a[0]==b[0]) return 0;
	if(tab .indexOf(a[0])<tab .indexOf(b[0])) return -1;
    return 1;
  }

Le tour est joué