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 :

tableau avec jquery


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Inscrit en
    Mars 2011
    Messages
    232
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 232
    Par défaut tableau avec jquery
    salut,


    je veux savoir est ce que c'est possible de créer un tableau dynamique avec jquery

    en html si on fait appel à ce tableau

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    <table id="tbl">
    </table>
    merci d'avance

  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
    jqgrid ?
    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 confirmé
    Inscrit en
    Mars 2011
    Messages
    232
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 232
    Par défaut
    merci pour la réponse

    mais le problème est comment l'adopter dans mon besoin

    car le contenu de tableau creé est relier au fichier test.xml

    bref au contenu de ce fichier

    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
    37
    38
    <?xml version="1.0" encoding="UTF-8"?>
    <societes>
       <societe>
          <nom>HP</nom>
          <nombre>10</nombre>
          <equipe>
              <specialite>DEV</specialite>
              <nombreequipe>36</nombreequipe>
               <local>parix</local>
               <etat>marche</etat>
        </equipe>
         <equipe>
              <specialite>finance</specialite>
              <nombreequipe>26</nombreequipe>
               <local>nework</local>
               <etat>arret</etat>
        </equipe>
     
       </societe>
     <societe>
          <nom>IBM</nom>
          <nombre>40</nombre>
          <equipe>
              <specialite>marketing</specialite>
              <nombreequipe>68</nombreequipe>
              <local>london</local>
              <etat>arret</etat>
        </equipe>
        <equipe>
              <specialite>comerce</specialite>
              <nombreequipe>88</nombreequipe>
              <local>germani</local>
              <etat>marche</etat>
        </equipe>
     
     
     
    </societes>

    le but apres bien sur creer une liste deroulante(qui contient les nom des societe :HP et IBM) (j'arrive a créer cette liste c'est simple)

    est quand je choisie par exemple HP elle m'affiche un tableau a 4 colonnes (specialite,nombreequipe,local,etat)


    les colonnes sont relier a l'équipe de société sélectionné

    exemple de scenario d'exécution si je choisie HP
    le tableau dois être comme suit

    specialite nombreequipe local etat

    DEV 36 parix marche
    finance 26 nework arret


    le problème est que le nombre des lignes dépend des nombres des équipes de la societe sélectionné

    pour calculer les nombres des équipes de société sélectionné est
    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
    $(document).ready(function(){
     
    				$('#list').change(function(){
     
     
     
     
    				var valeur=$(this).val();
     
     
     
                                    var cont=0;
     
    $.post('test.xml', function(data) {
    					$(data).find("societes").children("societe").each(function(i, item){
     
    								h1=$(item).children("nom").text();
     
    								if (h1 == valeur){
     
     
    								$(item).children("equipe").each(function(i, item2){
     
    cont++;// cette ligne calcul les nombre d'equipe lié au chois de depart
     
    						 });
     
      }
     });
     });

    mais pour remplir le tableau moi j'essaye avec ce code
    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
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    $(document).ready(function() {
     
           createDynamicTable($("#tbl"), cont, 4);
     
       });
     
    $.post('test.xml', function(data) {
    					$(data).find("societes").children("societe").each(function(i, item){
     
    								h1=$(item).children("nom").text();
     
    								if (h1 == valeur){
     
     
    								$(item).children("equipe").each(function(i, item2){
     
     
     
     
     
     function createDynamicTable(tbody, rows, cols) {
     
             if (tbody == null || tbody.length < 1) return;
     
               for (var r = 1; r <= rows; r++) {
     
                   var trow = $("<tr>");
    for (var c = 1; c <= cols; c++) {
    contVal1=$(item2).children("specialite").text(); 
     
    contVal2=$(item2).children("nombreequipe").text(); 	
     
    contVal3=$(item2).children("local").text(); 	
    					contVal4=$(item2).children("etatl").text(); 
    $("<td>")
    .text(contVal1,contVal2,contVal3,contVal4)
     
                              .data("col", c)
     
                              .appendTo(trow);
     
                  }
     
                 trow.appendTo(tbody);
     
             }
     
        }   
     
     
     
     
     
     
     
     
     
     
     
     
     
     });
     
      }
     });
     });
    c'est sur que cette solution est incorrecte car elle est différent à ce que vous dite " jqgrid"


    merci de m'aidez à corriger ce code

  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
    jqgrid est directement reliable en datasource à un fichier xml
    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 confirmé
    Inscrit en
    Mars 2011
    Messages
    232
    Détails du profil
    Informations forums :
    Inscription : Mars 2011
    Messages : 232
    Par défaut
    mais en se basant sur code

    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
    $(document).ready(function(){
     
    				$('#list').change(function(){
     
     
     
     
    				var valeur=$(this).val();
     
     
     
     
     
    $.post('test.xml', function(data) {
    					$(data).find("societes").children("societe").each(function(i, item){
     
    								h1=$(item).children("nom").text();
     
    								if (h1 == valeur){
     
     
    								$(item).children("equipe").each(function(i, item2){
     
    .......
    .....
    .....
    .......
    comment utilisant cette notion de "jqgrid " pour compléter ce code

    tous ce code je dois l'intégrer dans une page .jsp

  6. #6
    Membre très actif
    Homme Profil pro
    Inscrit en
    Septembre 2008
    Messages
    168
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Congo-Kinshasa

    Informations forums :
    Inscription : Septembre 2008
    Messages : 168
    Par défaut
    vas d'abord voir jqgrid et sa doc. Elle parait explicite

Discussions similaires

  1. Récupérer une valeur d'un tableau avec jQuery
    Par waouni dans le forum jQuery
    Réponses: 8
    Dernier message: 21/05/2012, 11h23
  2. Récupération d'un élément d'un tableau avec jQuery
    Par aymen8219 dans le forum jQuery
    Réponses: 16
    Dernier message: 22/11/2011, 13h59
  3. [Article] Un tableau de bord avec jQuery
    Par Bovino dans le forum jQuery
    Réponses: 13
    Dernier message: 27/04/2009, 23h03
  4. [Prototype/JQuery] tableau avec ajax
    Par friedamichelle dans le forum jQuery
    Réponses: 3
    Dernier message: 26/08/2008, 16h57

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