[UI] Utilisation de DataTables avec Jquery UI

Bonjour à tous,

J'utilise DataTables depuis quelques temps et j'essaie en ce moment de le coupler avec JQuery UI. Je rencontre un problème quand je fais appel à la pagination de DataTables, quand je passe à la page n°2 de mes résultats, je perds le JQuery UI et mes bouton radio prennent l'aspect par défaut de HTML.
Je n'arrive pas à relancer JQ UI proprement pour chaque pagination.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
 
$(document).ready(function() {
         var myDT = $('#tableGroup').DataTable({
            "lengthChange": false,
            "pageLength": 8,
            "pagingType": "input",
            "data": <?php echo json_encode($this->listeApplis); ?>,
            "columns": [
                {"data": "AppliName"},
                {"data": null}
            ],
            "columnDefs": [
                {
                    "targets": -1,
                    "orderable": false,
                    "searchable": false,
                    "render": function (data, type, row) {
                        var rId = randomId();
                        return '<label for="' + rId + '">Sélection</label>' +
                            '<input id="' + rId + '" class="stdRadio rSlct" name="AppliDN" type="radio"' +
                            ' value="' + row.AppliDN + '">' +
                            '<input name="AppliName" type="hidden" value="' + row.AppliName + '" >';
                    }
                }
            ],
            "drawCallback": function (settings) {
/* Pour déselctionner les boutons radio si je passe à une autre page */
                $("#" + rID + "").prop('checked', false);
             },
            language: {
                processing: "Traitement en cours...",
                search: "Filtrer&nbsp;:",
                lengthMenu: "Afficher _MENU_ &eacute;l&eacute;ments",
                info: "Affichage de l'&eacute;lement _START_ &agrave; _END_ sur _TOTAL_ &eacute;l&eacute;ments",
                infoEmpty: "Affichage de l'&eacute;lement 0 &agrave; 0 sur 0 &eacute;l&eacute;ments",
                infoFiltered: "(filtr&eacute; de _MAX_ &eacute;l&eacute;ments au total)",
                infoPostFix: "",
                loadingRecords: "Chargement en cours...",
                zeroRecords: "Aucun &eacute;l&eacute;ment &agrave; afficher",
                emptyTable: "Aucune donnée disponible dans le tableau",
                paginate: {
                    first: "<<",
                    previous: "<",
                    next: ">",
                    last: ">>"
                },
                aria: {
                    sortAscending: ": activer pour trier la colonne par ordre croissant",
                    sortDescending: ": activer pour trier la colonne par ordre décroissant"
                }
            }
        });
        $('.stdRadio').checkboxradio();
 
        $(".paginate_button").click(function () {
            $('.rSlct').checkboxradio();
        });
    });

En plus, quand j'utilise la pagination et que je sélectionne un autre radio bouton le premier reste coché, ce qui ne devrait pas être possible avec des radio.

Savez-vous comment éviter ce problème?

Merci