Ciao a tutti! 
Sto progettando una web application, un sito di scommesse.
Ho difficoltà nel creare un menù ad albero che, quando si clicca sul nome della nazione, vengano visualizzati i campionati di quella nazione e, quando si clicca su un campionato, le squadre appartenenti ad esso all'interno di una tabella.
I dati (quindi nomi delle nazioni, nomi dei campionati e nomi delle squadre) vengono presi da un DB.
Per ora riesco a visualizzare nazioni e campionati.
Ecco qua il mio codice:
Action.java:
package action;
import java.util.ArrayList;
import dbUtility.DBUtility;
import bean.*;
import com.opensymphony.xwork2.ActionSupport;
public class NazioniAction extends ActionSupport {
private static final long serialVersionUID = 1L;
ArrayList<Squadra> listSquadre;
ArrayList<Nazione> listNazioni;
ArrayList<Campionato> listCampionati;
public String execute() {
DBUtility dbUtility = new DBUtility();
dbUtility.getConnessione();
listNazioni = dbUtility.getNazioni();
for (Nazione e : listNazioni){
e.setListaCampionati(dbUtility.getCampionati(e.getIdnazione()));
}
listCampionati = dbUtility.getCampionato();
for (Campionato c : listCampionati){
c.setListaSquadre(dbUtility.getSquadre(c.getIdcampionato()));
}
dbUtility.closeConnessione();
return "success";
}
public ArrayList<Squadra> getListSquadre() {
return listSquadre;
}
public void setListSquadre(ArrayList<Squadra> listSquadre) {
this.listSquadre = listSquadre;
}
public ArrayList<Nazione> getListNazioni() {
return listNazioni;
}
public void setListNazioni(ArrayList<Nazione> listNazioni) {
this.listNazioni = listNazioni;
}
public ArrayList<Campionato> getListCampionati() {
return listCampionati;
}
public void setListCampionati(ArrayList<Campionato> listCampionati) {
this.listCampionati = listCampionati;
}
}
Home.jsp:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
#welcome {
background-color: #FFA500;
font-family: Verdana, sans-serif;
font-size: 14px;
font-color: #050402;
}
</style>
<script>
function toggle(id) {
if( document.getElementById(id).style.display=='none' ){
document.getElementById(id).style.display = 'table-row';
}else{
document.getElementById(id).style.display = 'none';
}
}
</script>
</head>
<body id="welcome">
<h1 align="center">
Benvenuto,
<sroperty value="username" />
</h1>
<s:form action="visualizzaPartita" method="post">
<table width="100%">
<th><h2 align="left">Europa</h2></th>
<s:iterator value="listNazioni">
<tr onclick="toggle(<sroperty value="idnazione"/>)">
<td align="left"><b><sroperty value="nome_nazione" /></b></td>
</tr>
<tr id="<sroperty value="idnazione"/>" style="display: none;">
<td colspan=5>
<s:iterator value="listaCampionati">
<sroperty value="nome_campionato" /><br>
</s:iterator>
</td>
</tr>
</s:iterator>
<%-- <s:iterator value="listaSquadre">
<sroperty value="nome_squadra" />
</s:iterator> --%>
</table>
</s:form>
</body>
</html>
Sto progettando una web application, un sito di scommesse.
Ho difficoltà nel creare un menù ad albero che, quando si clicca sul nome della nazione, vengano visualizzati i campionati di quella nazione e, quando si clicca su un campionato, le squadre appartenenti ad esso all'interno di una tabella.
I dati (quindi nomi delle nazioni, nomi dei campionati e nomi delle squadre) vengono presi da un DB.
Per ora riesco a visualizzare nazioni e campionati.
Ecco qua il mio codice:
Action.java:
package action;
import java.util.ArrayList;
import dbUtility.DBUtility;
import bean.*;
import com.opensymphony.xwork2.ActionSupport;
public class NazioniAction extends ActionSupport {
private static final long serialVersionUID = 1L;
ArrayList<Squadra> listSquadre;
ArrayList<Nazione> listNazioni;
ArrayList<Campionato> listCampionati;
public String execute() {
DBUtility dbUtility = new DBUtility();
dbUtility.getConnessione();
listNazioni = dbUtility.getNazioni();
for (Nazione e : listNazioni){
e.setListaCampionati(dbUtility.getCampionati(e.getIdnazione()));
}
listCampionati = dbUtility.getCampionato();
for (Campionato c : listCampionati){
c.setListaSquadre(dbUtility.getSquadre(c.getIdcampionato()));
}
dbUtility.closeConnessione();
return "success";
}
public ArrayList<Squadra> getListSquadre() {
return listSquadre;
}
public void setListSquadre(ArrayList<Squadra> listSquadre) {
this.listSquadre = listSquadre;
}
public ArrayList<Nazione> getListNazioni() {
return listNazioni;
}
public void setListNazioni(ArrayList<Nazione> listNazioni) {
this.listNazioni = listNazioni;
}
public ArrayList<Campionato> getListCampionati() {
return listCampionati;
}
public void setListCampionati(ArrayList<Campionato> listCampionati) {
this.listCampionati = listCampionati;
}
}
Home.jsp:
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
#welcome {
background-color: #FFA500;
font-family: Verdana, sans-serif;
font-size: 14px;
font-color: #050402;
}
</style>
<script>
function toggle(id) {
if( document.getElementById(id).style.display=='none' ){
document.getElementById(id).style.display = 'table-row';
}else{
document.getElementById(id).style.display = 'none';
}
}
</script>
</head>
<body id="welcome">
<h1 align="center">
Benvenuto,
<s
roperty value="username" /></h1>
<s:form action="visualizzaPartita" method="post">
<table width="100%">
<th><h2 align="left">Europa</h2></th>
<s:iterator value="listNazioni">
<tr onclick="toggle(<s
roperty value="idnazione"/>)"><td align="left"><b><s
roperty value="nome_nazione" /></b></td></tr>
<tr id="<s
roperty value="idnazione"/>" style="display: none;"><td colspan=5>
<s:iterator value="listaCampionati">
<s
roperty value="nome_campionato" /><br></s:iterator>
</td>
</tr>
</s:iterator>
<%-- <s:iterator value="listaSquadre">
<s
roperty value="nome_squadra" /></s:iterator> --%>
</table>
</s:form>
</body>
</html>
