jQuery Girl
  1. jQuery Girl
  3. Jquery datatables Plug-In, affiche «Aucune donnée disponible dans le tableau» après le sorting / filtrage des données
Intereting Posts
ajuster la hauteur de l’iframe en fonction du contenu Recommandé Javascript image préchargé Passer de la position A à la position B lentement avec animation Comment ouvrir un fichier local avec le programme associé depuis une page Web? Sélecteurs et barres obliques inverses jQuery Netvibes comme des “boîtes glissables” avec javascript Les doubles barres obliques sont-elles ok dans le fragment de hachage d’URL? jQuery ui.draggable n’appelle pas une fonction personnalisée Jquery change l’image en survolant avec un fondu jVectorMap – Comment append un marqueur dynamicment comment supprimer “s’il vous plaît remplissez ce champ” pop-up lorsque vous cliquez sur soumettre le formulaire dans angularjs mais d’autres validations devraient fonctionner Est-il possible de récupérer des données à partir de SQL Server en utilisant jQuery? Dans ASP.NET MVC 3, comment accéder au modèle à l’aide de la syntaxe Razor dans une vue Create ()? Changer la couleur d’arrière-plan de l’étiquette sur le focus d’entrée Les variables ne s’actualisent pas une fois la demande AJAX terminée

Jquery datatables Plug-In, affiche «Aucune donnée disponible dans le tableau» après le sorting / filtrage des données

J’utilise le format JSON pour obtenir des données du serveur afin de remplir la table DataTables . Dans la partie succès de la fonction $().ajax , j’ai vérifié et la réponse a été renvoyée avec succès. c’est le violon pour ma table:

Voici un exemple de fichier Json renvoyé par le serveur: 

 { "data": [ { "__type": "TEST1.Campaign", "BookingID": 0, "CatalogueNumber": "IEM201343000007", "CampaignId": 34, "StartTime": "/Date(1438437600000)/", "EndTime": "/Date(1440079200000)/", "DurationPlayout": 3, "AdDuration": 5, "CampaignType": "facebook", "Stations": [ "7mate.brisbane.au", "eleven.brisbane.au", "nine.brisbane.au" ], "Client_ID": 192, "ContactID": 5851, "AdvertiserID": 9228, "Active": true, "SModified": null, "DSP": "SiteScout", "ClientName": "", "AdvertiserName": "HA Consulting", "ContactName": "Aisling Bannan" } ] }

Je crée la table manuellement après la réponse ajax, y a-t-il un problème avec les tables de données de cette façon? lorsque je filtre ou sortinge les enregistrements de table en une colonne, ce problème se produit:

aucune donnée disponible

Toute aide serait appréciée.

12/08/2015 Code mis à jour:

J’ai mis à jour le code dans ce lien de violon basé sur la réponse de Gyrocode .
1) lorsque je clique sur le bouton d’actualisation, la table est en cours d’initialisation, mais elle sera vide lorsque je clique sur sortinger les colonnes ou que je souhaite rechercher des données.
2) la largeur de chaque colonne n’est pas définie correctement.
3) certaines colonnes sont masquées mais apparaissent dans le tableau à la fin de chaque ligne.
4) De plus, pour utiliser des données orthogonales , j’ai besoin d’avoir datetime en MM / JJ / AA, j’ai utilisé .Net datetime pour ce champ. faire en format custome?

CAUSE

Il y a beaucoup d’erreurs de syntaxe et d’autres problèmes avec votre code, cette réponse serait trop longue pour toutes les lister.

Les points importants à considérer sont:

  • Besoin d’utiliser le nombre correct de th qui inclut également les colonnes cachées. Utilisez columnDefs plus tard pour masquer certaines colonnes.
  • Votre approche avec la génération de tr / td est correcte mais rend le code complexe. DataTables peut envoyer une requête ajax pour vous et traitera les données renvoyées pour vous avec une configuration correcte. Voir Exemple de données orthogonales pour plus d’informations.

DEMO

Veuillez vous reporter à la mise à jour de jsFiddle pour une démonstration du code corrigé.