Comment puis-je éviter les doublons sur un DataTable jQuery lors d’une navigation retour en présence de Turbolinks?

J’utilise jQuery DataTables dans un nouveau projet Rails 4.2. J’ai un grand nombre de résultats qui doivent être filtrés par groupe, projet et statut. Le choix du groupe filtre la sélection de projet, via un aller-retour dans l’application, et la sélection de projet filtre le tableau de la même manière. J’enregistre le groupe et le projet dans les variables de session afin que, lorsque l’utilisateur change de page, puis clique sur le lien principal pour revenir, il se souvienne de sa sélection et les ramène à l’endroit où ils se trouvaient. Tout cela fonctionne comme je le souhaite.

Le problème est que l’utilisation du bouton Précédent du navigateur pour revenir à la table à partir d’une page différente entraînera un wrapper en double (avec des liens de zone de recherche, de liste déroulante du nombre d’éléments et de pagination) autour du DataTable.

J’ai ajouté le joyau jquery–turbolinks.

• JQuery Datatable – Fractionner une seule cellule en plusieurs colonnes pour une meilleure lisibilité?
• Extraire la valeur de la colonne Datatables ayant la propriété «bVisible: false»
• Comment faire un filtrage personnalisé dans Datatables avec des valeurs séparées par des virgules?
• Exportation jQuery DataTables CSV utf-8
• Échappe un signe ‘+’ dans une chaîne à utiliser dans une expression régulière dans coffeescript / javascript

J’ai essayé de jouer avec les auditeurs d’événements , mais je ne peux pas faire fonctionner ces idées.

J’ai essayé de rendre le corps de la page exempt de Turbolinks avec data-turbolinks=false .

J’ai essayé de changer l’événement que ma clé de script (s) a sur autre chose que $(document).ready() , comme page:load . Aucun d’entre eux ne l’empêche.

J’ai essayé de charger tous les scripts du DataTable exemptés de Turbolinks avec data-turbolinks-eval=false dans cette page spécifique (avec content_for :head ).

La seule chose qui empêche la duplication de l’encapsuleur, c’est de supprimer simplement l’appel visant à inclure entièrement le JS turbolinks dans les actifs. Et j’aurais déjà fait cela si je ne connaissais pas les personnes plus intelligentes que je ne le pense, cela devrait faire partie de l’application. Je ne sais pas quoi faire. Je cherche le moyen élégant de gérer cela.

• Comment append plusieurs lignes à un jQuery DataTable à partir d’une chaîne HTML
• Spécifiez le type de données de la colonne avec un atsortingbut pour DataTables
• jQuery DataTable – Rechercher une colonne de listes déroulantes
• Filtre déroulant datable Jquery dans les sortings d’en-tête
• Supprimer de la colonne lors de l’exportation XLS

 var dataTable = null document.addEventListener("turbolinks:before-cache", function() { if (dataTable !== null) { dataTable.destroy() dataTable = null } }) 

  ..