Wiki source code of Tri d'une table liste coté navigateur
Last modified by Julien EYMERY on 2015/07/07 10:20
Show last authors
| author | version | line-number | content |
|---|---|---|---|
| 1 | Il peut être souhaitable de vouloir trier une table liste suivant une colonne donnée directement sur le navigateur, c'est-à-dire sans déclencher d'événement coté serveur d'application (en Ajax ou pas) pour effectuer le tri. | ||
| 2 | |||
| 3 | {{hardis-info type="warning" icon="true"}} | ||
| 4 | Attention : Ne fonctionne qu'en Adelia Web Studio V11 PTF 3 et supérieur | ||
| 5 | {{/hardis-info}} | ||
| 6 | |||
| 7 | Voici un exemple de bibliothèque Javascript gérant le tri coté navigateur : | ||
| 8 | - prise en charge automatique de tout les types de contrôles Adélia autorisés comme colonne d'une table liste, | ||
| 9 | - prise en charge automatique d'un indicateur de tri (sous la forme d'une image paramétrable) ajouté à l'en-tête de colonne d'une colonne triable, | ||
| 10 | - prise en charge d'un tri utilisateur | ||
| 11 | |||
| 12 | [[sampleTableListSorter.js>>attach:sampleTableListSorter.js]] | ||
| 13 | |||
| 14 | [[sampleTableListSorter.compress.js>>attach:sampleTableListSorter.compress.js]] | ||
| 15 | |||
| 16 | Pour gerer le tri d'une zone Adelia de type NUM_BIN_8, inserer le fichier biginteger.js : | ||
| 17 | |||
| 18 | [[biginteger.js>>attach:biginteger.js]] | ||
| 19 | |||
| 20 | [[biginteger.compress.js>>attach:biginteger.compress.js]] | ||
| 21 | |||
| 22 | |||
| 23 | Quelques exemples : | ||
| 24 | |||
| 25 | [[Tri par defaut de differents contrôles Adelia.>>attach:SORTING_TBL_ID_WPAGE1.html]] | ||
| 26 | [[Tri d'une colonne Adelia Image.>>attach:SORT_TBL_IMG_ID_WPAGE1.html]] | ||
| 27 | [[Tri utilisateur.>>attach:SORT_TBL_COMPAR_ID_WPAGE1.html]] | ||
| 28 | ((( | ||
| 29 | == (% style="line-height: 1.5;" %)Articles connexes(%%) == | ||
| 30 | ))) | ||
| 31 | |||
| 32 | Les articles connexes apparaissent ici en fonction des étiquettes que vous avez sélectionnées. Cliquez pour modifier la macro et ajouter ou modifier des étiquettes. | ||
| 33 | |||
| 34 | {{liveData sort="doc.date:desc" source="liveTable" properties="doc.title,doc.date,doc.author" description="Recently updated" limit="5" filters="tag=web liste" sourceParameters="translationPrefix=platform.index."}}{{/liveData}} | ||
| 35 |