Condividi tramite

Sintassi dichiarativa per il controllo server HtmlTable

  • Articolo

Crea un controllo lato server che viene mappato all'elemento HTML <table> e che consente di creare una tabella.

<table
    EnableViewState="False|True"
    Id="string"
    Visible="False|True"
    OnDataBinding="OnDataBinding event handler"
    OnDisposed="OnDisposed event handler"
    OnInit="OnInit event handler"
    OnLoad="OnLoad event handler"
    OnPreRender="OnPreRender event handler"
    OnUnload="OnUnload event handler"
    runat="server"
    >

   <tr>
      <td></td>
   </tr>

</table>

Note

Utilizzare il controllo HtmlTable per eseguire la programmazione in base all'elemento HTML <table>. Un controllo HtmlTable è costituito da righe, rappresentate da oggetti HtmlTableRow,

archiviati nell'insieme Rows di una tabella. Ogni riga è costituita da celle, rappresentate da oggetti HtmlTableCell, archiviati nell'insieme Cells di una riga.

Per creare una tabella, dichiarare in primo luogo un controllo HtmlTable nel form sulla pagina, quindi inserire gli oggetti HtmlTableRow tra i tag di apertura e di chiusura del controllo HtmlTable, uno per ogni riga che si desidera inserire nella tabella. Una volta che le righe della tabella sono state definite, dichiarare gli oggetti HtmlTableCelltra i tag di apertura e di chiusura di ogni oggetto HtmlTableRow per creare le celle della riga.

NotaNota

Assicurarsi che ogni riga e colonna contengano il numero corretto di celle, in caso contrario l'aspetto della tabella potrebbe risultare diverso dal previsto.In genere è necessario che ogni riga abbia lo stesso numero di celle.In modo analogo, è opportuno che ogni colonna abbia lo stesso numero di celle.Se si espandono le celle, è necessario che ogni riga abbia la stessa larghezza e ogni colonna la stessa altezza.

Il controllo HtmlTable consente di personalizzare l'aspetto della tabella. È possibile specificare il colore di sfondo, la larghezza e il colore del bordo, l'altezza della tabella e la larghezza della tabella impostando rispettivamente le proprietà BgColor, Border, BorderColor, Height e Width. È inoltre possibile controllare la spaziatura tra le celle e quella tra il contenuto di una cella e il relativo bordo impostando le proprietà CellSpacing e CellPadding.

Esempio

Nell'esempio riportato di seguito vengono generate le righe e le celle della tabella in base alle selezioni dell'utente dai due controlli HtmlSelect. Ogni volta che viene caricata una pagina, il codice verifica quali valori sono stati selezionati nei controlli HtmlSelect. Il numero di righe e colonne nel controllo HtmlTable è generato in modo dinamico in base a tali valori. Per costruire una tabella, creare le righe della tabella, rappresentate dagli oggetti HtmlTableRow, e aggiungerle all'insieme Rows del controllo HtmlTable. Per costruire le righe, creare le celle della riga, rappresentate dagli oggetti HtmlTableCell, e aggiungerle all'insieme Cells di HtmlTableRow.

<%@ Page Language="VB" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
    Sub Page_Load(sender As Object, e As EventArgs)
        Dim row As Integer = 0
        ' Generate rows and cells.
        Dim numrows As Integer = Convert.ToInt32(Select1.Value)
        Dim numcells As Integer = Convert.ToInt32(Select2.Value)
        Dim j As Integer

        For j = 0 To numrows - 1
            Dim r As New HtmlTableRow()
            ' Set bgcolor on alternating rows.
            If row Mod 2 = 1 Then
                r.BgColor = "Gainsboro"
            End If
            row += 1

            Dim i As Integer
            For i = 0 To numcells - 1
               Dim c As New HtmlTableCell()
               c.Controls.Add(New _
                   LiteralControl("row " & j.ToString() & _
                   ", cell " & i.ToString()))
               r.Cells.Add(c)
            Next i
            Table1.Rows.Add(r)
         Next j
      End Sub 
</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>HtmlTable Control</title>
</head>
<body>  
<form id="Form1" runat="server">
   <div>

   <h3>HtmlTable Example</h3>

      <br />
      <table id="Table1"  cellspacing="0" runat="server"
         style="border-width:1; border-color: Black; padding: 5"
             /> 
      <br />
      Table rows:
      <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 />
      Table cells:
      <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 id="Submit1" type="submit" 
         value="Generate Table" runat="server" />

   </div>
</form>
</body>
</html>

<%@ Page Language="C#" AutoEventWireup="True" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<script runat="server">
      void Page_Load(Object sender, EventArgs e) 
      {
         int row = 0;
         // Generate rows and cells.
         int numrows = Convert.ToInt32(Select1.Value);
         int numcells = Convert.ToInt32(Select2.Value);

         for (int j = 0; j < numrows; j++) 
         {
            HtmlTableRow r = new HtmlTableRow();
            // Set bgcolor on alternating rows.
            if (row%2 == 1)
               r.BgColor="Gainsboro";
            row++;

            for (int i = 0; i < numcells; i++) 
            {
               HtmlTableCell c = new HtmlTableCell();
               c.Controls.Add(new LiteralControl("row " + j.ToString() +
                    ", cell " + i.ToString()));
               r.Cells.Add(c);
            }
            Table1.Rows.Add(r);
         }
      }
</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>HtmlTable Control</title>
</head>
<body>  
<form id="Form1" runat="server">
   <div>

   <h3>HtmlTable Example</h3>

   <table id="Table1" 
      style="border-width:1; border-color:Black; padding:5"
      cellspacing="0" runat="server" /> 
      <br />

      Table rows:
      <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 />
      Table cells:
      <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 id="Submit1" type="submit" 
         value="Generate Table" runat="server" />

   </div>
</form>
</body>
</html>

Vedere anche

Riferimenti

HtmlTable

Sintassi dichiarativa per il controllo server HtmlTableCell

Sintassi dichiarativa per il controllo server HtmlTableRow

Sintassi dichiarativa per il controllo server HtmlForm

System.Web.UI.HtmlControls

Altre risorse

Controlli server HTML