Remplissage de tableau JavaScript à partir de la liste JSP

Ok, donc peut-être que quelqu'un peut m'aider avec un problème que j'essaie de résoudre. Essentiellement, j'ai une page JSP qui permet d'obtenir une liste de Pays des objets (à partir de la méthode de l'adresse referencedata() d'une source de Portlet SimpleFormController, pas tout à fait pertinent, mais le simple fait de mentionner dans le cas où il est). Chaque Pays de l'objet est un Ensemble de la province d'objets et de chaque province et le pays ont un nom de domaine:

public class Country  {
    private String name;
    private Set<Province> provinces;

    //Getters and setters
}

public class Province {
    private String name;

    //Getters and setters
}

Maintenant, j'ai deux menus déroulants dans ma JSP pour les pays et les provinces, et je veux filtrer les provinces du pays. J'ai été la suite de cette tutoriel/guide à faire une chaîne de sélectionner en JavaScript.

Maintenant j'ai besoin de façon dynamique pour créer le tableau JavaScript de mon contenu. Et avant que quelqu'un mentionne l'AJAX c'est hors de question puisque notre projet utilise des portlets et nous aimerions rester loin de l'aide de cadres comme DWR ou la création d'une servlet. Voici le code JavaScript/JSP j'ai jusqu'à présent mais il n'est pas le remplissage de la Matrice avec quoi que ce soit:

var countries = new Array();
<c:forEach items="${countryList}" var="country" varStatus="status">
    countries[status.index] = new Array();
    countries[status.index]['country'] = ${country.name};
    countries[status.index]['provinces'] =
    [
        <c:forEach items="${country.provinces}" var="province" varStatus="provinceStatus">
            '${province.name}'
            <c:if test="${!provinceStatus.last}">
              ,
            </c:if>
        </c:forEach>
    ];
</c:forEach>

Personne ne sait comment créer un tableau JavaScript dans la page JSP dans le cas ci-dessus, ou ce que la "meilleure pratique" serait considéré dans ce cas? Merci à l'avance!

source d'informationauteur Ian Dallas

  1. 22
    var countries = new Array();
<c:forEach items="${countryList}" var="country" varStatus="status"> 
    countryDetails = new Object();
    countryDetails.country = ${country.name}; 
    var provinces = new Array();

        <c:forEach items="${country.provinces}" var="province" varStatus="provinceStatus"> 
           provinces.push(${province.name});
        </c:forEach> 
    countryDetails.provinces = provinces;
    countries.push(countryDetails);
</c:forEach>

    maintenant ce que vous avez quelque chose comme ceci en javascript

    var countries = [
  {country:"USA",
  provinces: [
    "Ohio",
    "New York",
    "California"
  ]},
  {country:"Canada",
  provinces: [
    "Ontario",
    "Northern Territory",
    "Sascetchewan"
  ]},
]

    L'autre option serait de faire de votre sortie ressembler le code javascript que j'ai posté.

    var countries = [
<c:forEach items="${countryList}" var="country" varStatus="status">  
    {country: '${country.name}',
    provinces : [ 
        <c:forEach items="${country.provinces}" var="province" varStatus="provinceStatus">  
           '${province.name}'
           <c:if test="${!provinceStatus.last}">    
             ,    
           </c:if>   
        </c:forEach>  
    ]}
    <c:if test="${!status.last}">    
      ,    
    </c:if>  
    </c:forEach>  
];
  2. 3

    Avez-vous envisagé d'utiliser JSON? Il existe plusieurs bibliothèques qui peuvent prendre une collection générique et de sortie JSON pour Java et d'autres langages.

  3. 1

    Le principal problème dans votre code, c'est que vous avez oublié de mettre ".l'indice de" l'intérieur ${ }.

    countries[${status.index}] = new Array();

    Maintenant, cela dit, ce serait une assez mauvaise façon de faire les choses parce que tu finirais avec un beaucoup de code Javascript dans votre page. Beaucoup mieux pour créer la liste à l'aide de Javascript object notation, comme dans le deuxième de @John Hartsock réponses.