Est possible : javascript extraire de la valeur à partir de c:forEach tag?

je dois remplir certaines valeurs à l'aide de c:forEach tag. Je veux obtenir ces valeurs dans mon javascript.

Si je clique sur GetCtag bouton de valeur, alors je veux le lire à partir de (c:forEach) valeurs en javascript.

Est une autre façon de récupérer le c:forEach valeur de balise

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h" %>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f" %>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>    
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<f:view>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

       <script type="text/javascript"> 

       function getCTagValue(ctagObject)
       {
          alert("CFor Each Tag Object Value: " + ctagObject);
          //Here i want write code for retrieve the c:forEach tag value   
       }

</script>
</head>
    <body>
        <h:form id="cTagForm" >               

            <c:forEach items="${cTagBean.tagList}" var="ctag">
                <c:out value="${ctag.name} : "/>
                <c:out value="${ctag.age}"/></br>
            </c:forEach>

            <a4j:commandButton id="GetCtagId"  value="GetCtag" oncomplete="getCTagValue('#{cTagBean.tagList}')"/>

        </h:form>
    </body>
</html>

M'aider.
Merci à l'avance.

InformationsquelleAutor Eswar | 2010-12-22

5

Plus qu'à l'imprimer dans la syntaxe JavaScript au lieu de la syntaxe HTML.
```
<script>
    var data = {
        <c:forEach items="${cTagBean.tagList}" var="ctag" varStatus="loop">
            '${ctag.name}': ${ctag.age}${!loop.last ? ',' : ''}
        </c:forEach>
    };
</script>
```
De sorte qu'il a fini comme valide objet JavaScript (en supposant que name retourne String et age retourne Number):
```
<script>
    var data = {
        'foo': 10,
        'bar': 5,
        'waa': 20
    };
</script>
```
- J'utilise netbeans IDE. Seulement, j'ai copié ton code et passé mon ide.Mais l'ide affiche le message d'erreur "invalid id de propriété manquante ; avant l'énoncé sysntax erreur non régulier expression littérale" . Merci de me donner une solution pour résoudre l'erreur. J'espère que vous m'avez donné de précieux code.
- Il suffit de les ignorer et de les exécuter. Certains IDE ont tout simplement de mauvais EL validateurs.
- Juste alert('${ctag.name}'); et ainsi de suite. Gardez à l'esprit: Java/JSP pistes de serveur, produit du HTML/CSS/JS, envoie à webbrowser et enfin webbrowser s'exécute HTML/CSS/JS. Cliquez avec le bouton droit de la page dans le navigateur et choisissez Afficher la Source. Look pour une minute. A qui enlightenend?
- ok..j'ai vu la source dans les FF. Mais les données sont vides comme var data = {};
- Puis ${cTagBean.tagList} est vide.
- Pas de. Dans ma page affiche les valeurs suivantes : eswar : 25 jack : 26 Tom : 27. Mais pas de données dans l'intérieur du var data={}
InformationsquelleAutor BalusC
1

Il n'est possible que pour le JavaScript pour accéder aux données dans le code HTML comme il est VU PAR LE NAVIGATEUR.

La méthode que je recommande est de générer du JSON (toutefois, votre Web-API permet) et de le stocker dans le code JavaScript, peut-être que mondiale. Bien sûr, ces données "plus proche" d'où il est utilisé est conseillé, mais la situation est la même. Une autre approche consiste à utiliser des attributs HTML (je l'espère en commençant par "données" pour HTML5-conformité).
- Correct. Comme une astuce, essayez d'afficher le code source de la page dans le navigateur. Tout ce que vous ne trouvez pas, il n'est pas disponible pour le javascript.
- David Mårtensson: Merci pour votre réponse
- pst : Merci pour votre effort
InformationsquelleAutor

J'ai eu la solution.

<a4j:commandButton id="GetCtagId" 
                   value="GetCtag" 
                   data="#{cTagBean.tagList}" 
                   oncomplete="getCTagValue(data)"/>

Puis,

function getCTagValue(data) 
{                    
    for(var i=0; i<data.length; i++)
    {
        alert("Month : " + data[i].name);
        alert("Value : " + data[i].age);
    }
}

InformationsquelleAutor Eswar

<script>
        var data = new Array();     
        <c:forEach items="${cTagBean.tagList}" var="ctag" varStatus="loop">
            data.push(${ctag.name});        
        </c:forEach>
</script>

InformationsquelleAutor Chinthaka Dinadasa

Vous devez vous connecter pour publier un commentaire.