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

JavaScript Discussion :

manipuler des objets datatable


Sujet :

JavaScript

  1. #1
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2012
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 8
    Par défaut manipuler des objets datatable
    Bonjour ,
    en effet je veux sélectionner une colonne à partir d'une datatable et la convertir en un tableau java script puis je veux afficher le contenu je n'arrive pas,le message qui s'affiche et object html element

    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
    	<h:dataTable id="tab" border="1" value="#{cartoctrl.sitesaction}" var="sites">
    			<h:column id="latitude">
    				<f:facet name="header">
    					<h:outputText value="latitude"></h:outputText>
    				</f:facet>
    					<h:outputText value="#{sites.latitude}"></h:outputText>
    			</h:column>
    			<h:column id="longitude">
    				<f:facet name="header">
    					<h:outputText value="longitude"></h:outputText>
    				</f:facet>
    					<h:outputText value="#{sites.longitude}"></h:outputText>
    			</h:column>
     
    			<h:column id="column3">
    				<f:facet name="header">
    					<h:outputText value="id"></h:outputText>
    				</f:facet>
    					<h:outputText value="#{sites.id}"></h:outputText>
     
     
          </h:column>
    		</h:dataTable>
    le code java script
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    var res = new Array(document.getElementById("tab"));
     
     
      alert(res);
    le message qui s'affiche et object html element
    Merci d'avance

  2. #2
    Expert éminent
    Avatar de tchize_
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Avril 2007
    Messages
    25 482
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 45
    Localisation : Belgique

    Informations professionnelles :
    Activité : Ingénieur développement logiciels
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2007
    Messages : 25 482
    Par défaut
    Et bien il va te falloir dans ton code explorer les sous noeuds du tag <table> concerné pour en extraire les données dont tu as besoin et remplir ton tableau.

  3. #3
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2012
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 8
    Par défaut
    Merci pour votre réponse
    j'ai essayé d'accéder aux cellules du tableau et de les afficher mais ca marche pas
    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
    var arrayLignes = document.getElementById("tab").rows; //on récupère les lignes du tableau
    var longueur = arrayLignes.length;
     
     
    for(var i=0; i<longueur; i++)//on peut directement définir la variable i dans la boucle
    {
    	var arrayColonnes = arrayLignes[i].cells;//on récupère les cellules de la ligne
    	var largeur = arrayColonnes.length;
     
    	for(var j=0; j<largeur; j++)
    	{
     
    	alert(arrayColonnes[j]);
    	}
    	}
    le message de retour est :[object html table header cell element]


    merci encore d'avance

  4. #4
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 198
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 198
    Par défaut
    Bonjour,
    j'ai essayé d'accéder aux cellules du tableau et de les afficher mais ca marche pas
    visiblement tu y arrives très bien, mais si c'est pour le contenu des cellules il te faut peut être récupérer le innerHTML de celle ci.

  5. #5
    Membre habitué
    Homme Profil pro
    Étudiant
    Inscrit en
    Juin 2012
    Messages
    8
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Tunisie

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Juin 2012
    Messages : 8
    Par défaut
    Merci NoSmoking,

    Ca marche maintenant si je mets alert(+arrayColonnes[j].innerHTML), j’accède au contenu des cellules.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. manipulation des objets
    Par Djawida dans le forum MFC
    Réponses: 1
    Dernier message: 16/06/2009, 14h17
  2. Manipulation des objets dans une session
    Par facilus68 dans le forum Hibernate
    Réponses: 5
    Dernier message: 28/12/2007, 14h02
  3. manipuler des objets créés par un autre prg
    Par aziz jim dans le forum C++
    Réponses: 1
    Dernier message: 07/11/2007, 12h08
  4. Comment Manipuler des objets dans une liste de type TList ?
    Par PadawanDuDelphi dans le forum Delphi
    Réponses: 1
    Dernier message: 02/11/2006, 15h40
  5. Réponses: 13
    Dernier message: 09/05/2006, 16h30

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