Compilazione di array JavaScript dall'elenco JSP

Question

Ok, quindi forse qualcuno può aiutarmi con un problema che sto cercando di risolvere. Essenzialmente ho una pagina JSP che ottiene una lista di oggetti Country (dal metodo referenceData() da un SimpleFormController Spring Portlet, non del tutto pertinente, ma solo citando nel caso lo sia). Ogni oggetto Paese ha una serie di oggetti di provincia e di ogni provincia e il paese hanno un campo di nome:

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

    //Getters and setters 
} 

public class Province { 
    private String name; 

    //Getters and setters 
} 

Ora ho due menù a scomparsa nel mio JSP per i paesi e le province e voglio filtrare le province per paese. Ho seguito questo tutorial/guide per effettuare una selezione a catena in JavaScript.

Ora ho bisogno di un modo dinamico per creare l'array JavaScript dal mio contenuto. E prima che qualcuno menzioni AJAX, questo è fuori discussione dal momento che il nostro progetto usa portlet e vorremmo stare lontano dall'usare framework come DWR o creare un servlet. Ecco il JavaScript/JSP ho finora ma non è che popolano l'Array con qualsiasi cosa:

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> 

Qualcuno sa come creare un array JavaScript in JSP nel caso di cui sopra o quello che la 'best practice' sarebbe considerato in questo caso? Grazie in anticipo!

Answer 1

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> 

ora quello che hai è qualcosa di simile in javascript

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

L'altra opzione sarebbe quella di rendere la vostra uscita sembrare il javascript che ho postato.

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> 
]; 

Answer 2

Avete considerato l'utilizzo di JSON? Ci sono diverse librerie là fuori che possono prendere una collezione generica e produrre JSON for Java and other languages.

Answer 3

Il problema principale nel codice è che si è dimenticato di mettere "status.index" dentro ${ }.

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

Ora, detto questo, che sarebbe un bel brutto modo di fare le cose, perché ci si finisce con un sacco di codice JavaScript nella tua pagina. Molto meglio creare la lista usando la notazione di oggetti Javascript come nella seconda delle risposte di @John Hartsock.