Lavora con noi

ASP.Net

Siti tematici

ASP.Net » Articoli » Programmazione ASP.NET

Pagine:

RSS Download

Chiamate veloci al server

di: Angelo Ranucci 27 Giugno 2006

Per completezza riportiamo i listati delle funzioni Javascript per inizializzare la tabella e per cancellarla.

Listato 12. Implementazione di aggiungiTabellaRisultati() sul client

function aggiungiTabellaRisultati()
{
var theTable = document.createElement("table");
theTable.setAttribute("id", "tabellaRisultati");
theTable.setAttribute("border", "2");
theTable.style.cssText = "font-weight: bold; text-align: center; background-color: whitesmoke;";
theTable.insertRow(0);
theTable.rows[0].insertCell(0); theTable.rows[0].insertCell(1);
theTable.rows[0].cells[0].innerHTML = "Locali";
theTable.rows[0].cells[1].innerHTML = "Prezzo";
theTable.rows[0].style.cssText = "background-color: darkblue; color: white;";
theTable.rows[0].cells[0].style.cssText = "padding-left: 20px; padding-right: 20px;";
theTable.rows[0].cells[1].style.cssText = "padding-left: 20px; padding-right: 20px;";
var insertSpot = document.getElementById("aggiungiQui");
insertSpot.appendChild(theTable);
}

Nel listato 12 notiamo che la tabella viene aggiunta all'interno del tag con id aggiungiQui che avevamo visto all'inizio. Sono inoltre presenti delle istruzioni per impostare gli stili css per la tabella.

Listato 13. Implementazione di rimuoviRabellaRisultati() sul client

function rimuoviRabellaRisultati()
{
var insertSpot = document.getElementById("aggiungiQui");
if (insertSpot.hasChildNodes())
insertSpot.removeChild(insertSpot.lastChild);
}

A questo punto possiamo testare la nostra applicazione.

La selezione della nazione provoca la formazione della lista delle regioni.

Figura 4. Selezione della nazione