Discussion :

[dede_bo]

Bonjour à toutes et tous,
Je ne sais pas si j'écris cette discussion dans le bon forum.

Mais j'ai un soucis assez compliqué.

Je suis encodeur ColdFusion. Je dois migrer une application de CF10 vers CF11. Ce n'est pas compliqué.
Le problème est avec JQuery + datatables et Bootstrap.

Dans CF10, les données à attacher au datatable est en format JSON

{"COLUMNS": ["CHAMP1","CHAMP2","CHAMP3"], "DATA": [[enregistrement 1,"donnée 1","donnée 2", "donnée 3"],[enregistrement 2,"donnée 1","donnée 2", "donnée 3"]] }

Et donc, le code pour lier les données au datatables est:

Code :

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

1
2
3
4
5
6
7
 
jQuery('#Dtable').dataTable({
   "pageLength"    : 50,
   "ordering"      : false,
   "ajax"          : {
	"url"      : "?event=selection.GetJson"
        "dataSrc"  : "DATA"

Cela fonctionne très bien

Maintenant, avec CF11, la structure JSON est differente:

[{enregistrement 1, "champ1": "donnée 1","champ2":"donnée 2","champ3":"donnée 3"},
{enregistrement 2, "champ1": "donnée 1","champ2":"donnée 2","champ3":"donnée 3"},
{enregistrement 3, "champ1": "donnée 1","champ2":"donnée 2","champ3":"donnée 3" }]

La partie "COLUMNS" et "DATA" sont disparues et chaque enregistrement est maintenant une liste composée du nom du champs (en minuscule - obligatoire) et de la valeur.

Changer le format est très simple. Il existe la fonction approprié.

Mon problème:
Comment attacher mes données au datatables?
Que dois-je écrire dans "dataSrc" ?

Le tableau reste désespérément vide!

Code :

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

1
2
3
4
5
6
7
jQuery('#Dtable').dataTable({
   "pageLength"    : 50,
   "ordering"      : false,
   "ajax"          : {
	"url"      : "?event=selection.GetJson"
        "dataSrc"  : "DATA"

Je m'arrache les cheveux !
Merci d'avance pour votre aide

Bonne journée
André

[SpaceFrog]

dataScr doit pointer vers une page serveur qui retourne un json au format attendu ..

[dede_bo]

Bonjour,
Merci pour votre réaction rapide.

Je suis d'accord avec vous.
Mais, vu que le format JSON à changé, cela voudrait dire que je dois remplir mon datatable d'une autre manière?

Merci
Bonne journée
André

[SpaceFrog]

je n'ai pas compris

le format JSON à changé,

la page serveur doit délivrer le bon JSON ...

[dede_bo]

Bonjour,

Comme je l'ai mis dans l'exemple,

L'ancienne version du JSON possèdait le format suivant:

{"COLUMNS": ["CHAMP1","CHAMP2","CHAMP3"], "DATA": [[enregistrement 1,"donnée 1","donnée 2", "donnée 3"],[enregistrement 2,"donnée 1","donnée 2", "donnée 3"]] }

Les données sont divisés en 2 blocs:
- COLUMNS : contient la liste des champs (en majuscule)
- DATA : les données elle même.

Dans le nouveau format:

Ces 2 blocs n'existent plus. Maintenant, chaque enregistrement est une liste avec, pour chaque enregistrement, le nom du champ (en minuscule) et la valeur.

[{enregistrement 1, "champ1": "donnée 1","champ2":"donnée 2","champ3":"donnée 3"},
{enregistrement 2, "champ1": "donnée 1","champ2":"donnée 2","champ3":"donnée 3"},
{enregistrement 3, "champ1": "donnée 1","champ2":"donnée 2","champ3":"donnée 3" }]

Donc, le serveur me retourne une chaine comme ci-dessus.
Maintenant, j'essaie de trouver un moyen de faire accepter le datatable, ce format.
Et là... je sèche !

Merci de prendre de votre temps pour m'aider.
André

[SpaceFrog]

Deux solutions,

La plus raisonnable: modifier le code serveur afin de retourner le bon json

La seconde sur le success de l'ajax récupérer le json pour le transformer puis l'injecter en source du datatable