Discussion :

[Mailgifson]

Bonjour à tous,

Je rencontre un soucis d'affichage avec le module DataTables et JQuery UI.

Mon problème est le suivant :

J'affiche dans un tableau, les données provenant d'une table Oracle.

Sur chaque ligne j'ajoute un checkbox (transformé en bouton par JQuery UI).

Le thème graphique sur mes checkbox (mes boutons) est bien appliqué mais seulement sur la première page de mon tableau. Sur les autres pages, j'ai des checkbox classique.

Est-ce que quelqu'un aurait une idée du problème ?

[gwinyam]

Ce sont de nouveaux éléments ajoutés dynamiquement au DOM. CSS gère le problème nativement quand tu rajoutes un élément avec une classe précise mais pas javascript. En l’occurrence ici, ton module rajoute dynamique des lignes au DOM, mais l'adaptation graphique normalement effectuée par l'initialisation de jQuery UI n'est pas refaite puisque l'initialisation n'est pas rappelée.

La solution est relativement simple : quand tu charges de nouvelles pages, attribue à celles-ci les classes qui correspondent à celles qui affecte ta première page et tu devrais avoir le bon résultat.

Au cas où, un schéma :

1) Tu charges une première page de données, admettons, ceci :

Code :

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

1
2
<li>titi</li>
<li>toto</li>

2) Le module jQuery UI s'initialise :

Code :

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

1
2
<li class="ligne">titi</li>
<li class="ligne">toto</li>

3) Tu charges une seconde page de données :

Code :

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

1
2
<li>tata</li>
<li>tutu</li>

4) Tu charges une troisème page de données :

Code :

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

1
2
<li>tete</li>
<li>tyty</li>

Tu vois la séquence ? Bon courage