分享

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

 悟静 2012-01-30

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);
   }  
  }



    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约