Nessun risultato. Prova con un altro termine.
Guide
Notizie
Software
Tutorial

HtmlSelect e HtmlTable

Gli ultimi due elementi degli HTMLControls
Gli ultimi due elementi degli HTMLControls
Link copiato negli appunti

Concludiamo la presentazione degli HtmlControls con due elementi su cui ci soffermeremo un po' di più per spiegarne alcune applicazioni pratiche.

HtmlSelect
Per dichiarare questo control aggiungiamo semplicemente l'attributo
runat="server" ad una classica dichiarazione
html.

<select id="ColorSelect" runat="server">
 <option value=" SkyBlue">SkyBlue</option>
 <option value=" LightGreen" >LightGreen</option>
 <option value=" Gainsboro">Gainsboro</option>
 <option value=" LemonChiffon">LemonChiffon</option>
</select>

Per recuperare il valore selezionato dall'utente si può semplicemente
scrivere

strValore = ColorSelect.Value;

Se però vogliamo creare un elemento HtmlSelect che permetta la selezione
di più valori in contemporanea dobbiamo impostare la proprietà Multiple=true.
In questo caso per recuperare i valori selezionati dall'utente possiamo
usare il ciclo foreach:

public void Button1_Click(object sender, System.EventArgs e)
{
  // mettiamo in questa stringa gli elementi selezionati
   string msg = "" ;
   foreach(ListItem li in ListBox1.Items)
   {
     if(li.Selected == true)
     {
      msg += "<BR>" + li.Text
+ " " + li.Value;
     }
   }
  Label1.Text = msg;
}

Al click del bottone Button1, nell'etichetta Label1 compariranno Testo e Valore delle opzioni selezionate.

HtmlTable
Il controllo HtmlTable viene utilizzato per creare e gestire dinamicamente delle tabelle. Deve essere usato assieme ad altri due controlli che sono HtmlTableRow che rappresenta l'elemento riga e HtmlTableCell che rappresenta l'elemento Cella all'interno di una riga.

Per generare dinamicamente una tabella è necessario creare le celle, aggiungerle ad un oggetto riga HtmlTableRow e poi aggiungere le righe così create all'oggetto HtmlTable.

Vediamo adesso un esempio riepilogativo in cui useremo due HtmlSelect controls per selezionare il numero delle righe e delle colonne che genereranno dinamicamente la tabella. Al caricamento della pagina, vengono generate le righe a seconda di quanto selezionato nelle HtmlSelect. Ogni cella contiene un LiteralControl, elemento testuale contenente il numero di riga e colonna.

<html>
<head>
<script language="C#" runat="server">
void Page_Load(Object sender, EventArgs e)
{
 int row = 0;
 //genera righe e colonne
 int numrows = Convert.ToInt32(Select1.Value);
 int numcells = Convert.ToInt32(Select2.Value);
  for (int j=0; j<numrows; j++)
  {
    HtmlTableRow r = new HtmlTableRow();
    // imposta il valore alternato di bgcolor
    if (row%2 == 1) r.BgColor="Yellow";
    row++;
    for (int i=0; i<numcells; i++)
    {
      HtmlTableCell c = new HtmlTableCell();
      c.Controls.Add(new LiteralControl("riga
" + j.ToString() + ",   cella " + i.ToString()));
      r.Cells.Add(c); } Table1.Rows.Add(r);
    }
}
</script>
</head>
<body>
<h3><font face="Verdana">Esempio di HtmlTable</font></h3>
<form runat="server">
<table id="Table1" CellPadding=5 cellspacing="0" Border="1"
BorderColor="black" runat="server" />
<p>
Righe:
<select id="Select1" runat="server">
  <option Value="1">1</option>
  <option Value="2">2</option>
  <option Value="3">3</option>
  <option Value="4">4</option>
  <option Value="5">5</option>
</select>
<br>
Celle:
<select id="Select2" runat="server">
  <option Value="1">1</option>
  <option Value="2">2</option>
  <option Value="3">3</option>
  <option Value="4">4</option>
  <option Value="5">5</option>
</select>
<input type="submit" value="Genera la Tabella" runat="server">
</form>
</body>
</html>

Ecco come apparirà la pagina
Figura


Ti consigliamo anche