IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Affichage et implémentation de dataTable


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre habitué
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2016
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2016
    Messages : 11
    Par défaut Affichage et implémentation de dataTable
    Bonjour à tous,

    je suis sur un projet SF2
    je récupère des données en json et j'essaye de les afficher.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    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
    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.6/css/jquery.dataTables.min.css" />
     <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
     <script src="https://cdn.datatables.net/1.10.6/js/jquery.dataTables.min.js"></script>
     <script>
       $(function() {
         $('#data').DataTable({
           "processing": true,
           "serverSide": true,
           "ajax": "{{ path('aff_col') }}",
           "sAjaxDataProp": "data",
           "pageLength": 0,
           "columns":[
             {"data": "cl1"},
             {"data": "cl2"},
             {"data": "cl3"},
             {"data": "cl4"},
             {"data": "cl5"},
             {"data": "cl6"},
             {"data": "cl7"}
           ]
         });
       });
     
    <table id="data" >
       <thead>
       <tr>
         <th>cl1</th>
         <th>cl2</th>
         <th>cl3</th>
         <th>cl4</th>
         <th>cl5</th>
         <th>cl6</th>
         <th>cl7</th>
       </tr>
       </thead>
     </table><br><br>
    mais lors de l'affichage j'ai
    {"data":[{"cl1":"PLK","cl2":"0","cl3":"HAA","cl4":"AB","cl5":"001","cl6":"","cl7":""},
    {"cl1":"PLK","cl2":"0","cl3":"HAA","cl4":"LO","cl5":"100","cl6":"","cl7":""},
    {"cl1":"PLK","cl2":"0","cl3":"HAA","cl4":"LO","cl5":"101","cl6":"","cl7":""},
    {"cl1":"PLK","cl2":"0","cl3":"HAA","cl4":"LO","cl5":"102","cl6":"","cl7":""},
    et je ne comprend pas comment déclarer car j'ai comme message:
    L'encodage de caractères d'un document en texte brut n'a pas été déclaré. Le document sera affiché avec des caractères incorrects pour certaines configurations de navigateur si le document contient des caractères en dehors de la plage US-ASCII. L'encodage de caractères du fichier doit être déclaré dans le protocole de transfert ou le fichier doit utiliser une marque d'ordre des octets (BOM) comme signature d'encodage.
    quelqu'un peut m'expliquer merci

  2. #2
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    C'est ton vrai code ?

    Il faut fermer la balise script ...
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  3. #3
    Membre habitué
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2016
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2016
    Messages : 11
    Par défaut
    non ce n'est pas mon vrai code
    j'ai bien fermé mes balises.
    en m'inspisrant phpiste j'ai fait la même chose et la j'ai que mes entete et non ma donnée

  4. #4
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Tu es sur que l'ajax se déclenche ?
    vérifie dans la console > onglet reseau ... Xhr
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  5. #5
    Membre habitué
    Homme Profil pro
    Développeur informatique
    Inscrit en
    Août 2016
    Messages
    11
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Finistère (Bretagne)

    Informations professionnelles :
    Activité : Développeur informatique
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Août 2016
    Messages : 11
    Par défaut
    Bonjour,
    désolé pour le temps de réponse.
    j'ai aucune réponse pour réseaux->XHR

  6. #6
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    Il faut creuser en ce sens ...

    l'url est elle correcte ?
    retourne-t-elle le bon code ?
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

Discussions similaires

  1. Affichage deux tables dans dataTable
    Par ahmedpa dans le forum JSF
    Réponses: 2
    Dernier message: 24/12/2012, 10h20
  2. Problème affichage datatable
    Par caneman dans le forum JSF
    Réponses: 32
    Dernier message: 11/07/2011, 15h07
  3. probleme d'affichage "dataTable"
    Par ypoupou dans le forum JSF
    Réponses: 2
    Dernier message: 09/01/2008, 13h05
  4. Réponses: 1
    Dernier message: 26/09/2007, 22h22
  5. probleme affichage Liste <dataTable
    Par skanderb dans le forum JSF
    Réponses: 1
    Dernier message: 25/04/2007, 11h10

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo