日期:2011-10-03  浏览次数:20603 次

Asp.Net Table控件动态生成表格操作实例(代码调试通过)

.aspx

<form id="Form1" method="post" runat="server">
   <asp:Label id="Label1" style="Z-INDEX: 101; LEFT: 256px; POSITION:

absolute; TOP: 40px" runat="server">Asp.Net Table控件动态生成表格操作实例</asp:Label>
   <asp:Button id="Button1" style="Z-INDEX: 105; LEFT: 272px; POSITION:

absolute; TOP: 120px" runat="server"
    Text="生 成"></asp:Button>
   <asp:Table id="Table1" style="Z-INDEX: 104; LEFT: 272px; POSITION:

absolute; TOP: 160px" runat="server"
    GridLines="Both"></asp:Table>
   <asp:DropDownList id="DropDownList2" style="Z-INDEX: 103; LEFT:

344px; POSITION: absolute; TOP: 88px"
    runat="server">
    <asp:ListItem Value="1">1列</asp:ListItem>
    <asp:ListItem Value="2">2列</asp:ListItem>
    <asp:ListItem Value="3">3列</asp:ListItem>
    <asp:ListItem Value="4">4列</asp:ListItem>
    <asp:ListItem Value="5">5列</asp:ListItem>
   </asp:DropDownList>
   <asp:DropDownList id="DropDownList1" style="Z-INDEX: 102; LEFT:

280px; POSITION: absolute; TOP: 88px"
    runat="server">
    <asp:ListItem Value="1">1行</asp:ListItem>
    <asp:ListItem Value="2">2行</asp:ListItem>
    <asp:ListItem Value="3">3行</asp:ListItem>
    <asp:ListItem Value="4">4行</asp:ListItem>
    <asp:ListItem Value="5">5行</asp:ListItem>
   </asp:DropDownList>
  </form>

.aspx.cs

private void Button1_Click(object sender, System.EventArgs e)
  {
   int numrows;
   int numcells;
   int i=0;
   int j=0;
   int row=0;
   TableRow r;
   TableCell c;
   //产生表格
   numrows=Convert.ToInt32(DropDownList1.SelectedValue);
   numcells=Convert.ToInt32(DropDownList2.SelectedValue);
   for(i=0;i<numrows;i++)
   {
    r=new TableRow();
    if(row/2!=0)
    {
     r.BorderColor=Color.Red;
    }
    row+=1;
    for(j=0;j<numcells;j++)
    {
     c=new TableCell();
     c.Controls.Add(new LiteralControl

("row"+j+",cell"+i));
     r.Cells.Add(c);
    }
    Table1.Rows.Add(r);
   }  
  }