VS2005 系列控件演示之 表格《Table》

- 中国WEB开发者网络 (http://www.webasp.net)
-- 技术教程 (http://www.webasp.net/article/)
--- VS2005 系列控件演示之 表格《Table》 (http://www.webasp.net/article/29/28076.htm)
-- 作者:未知
-- 发布日期: 2006-12-29
Table ,这个有点HTML基础的人都知道了,是表格的意思啦,也是布局的一个重要方法,如果是用DW的话,你就会知道他有多重要了!
而VS推出的Table服务器控件最大的特色当推他可以动态是控制表格的行列数,下面还是做个演示:

演示一: 动态添加表格行和列,在特定的格里写特定的字,并在当前单元格里面把坐标写出来

效果如下
洪川 洪川 洪川 洪川 洪川
2,1 2,2 2,3 2,4 2,5
3,1 3,2 3,3 3,4 3,5



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

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

<script runat="server">

    protected 
void Page_Load(object sender, EventArgs e)
    
{
        
    }


    protected 
void Button1_Click(object sender, EventArgs e)
    
{
        
int rn = int.Parse(rows.SelectedValue);//得到需要增加的行数
        int cn = int.Parse(cell.SelectedValue);//得到需要增加的列数

        
for (int i = 1; i <= rn; i++)//
        {//进入外部循环,也就是循环增加表行
            TableRow tr = new TableRow();//申明一个表格行
            for (int j = 1; j <= cn; j++)
            
{//进入内部循环,以增加表格列
                TableCell tc = new TableCell();//申明一个表格列
                if (i == 1)
                
{//如果是第一行,就增加下面的字
                    tc.Controls.Add(new LiteralControl("洪川"));
                }

                
else
                
{//否则
                    tc.Controls.Add(new LiteralControl(i.ToString() + "," + j.ToString()));//在表格里增加当前是行,列坐标
                }

                tr.Cells.Add(tc);
//把列增加到行里面去
            }

            Table1.Rows.Add(tr);
//把行增加到表里去
        }

    }

</script>

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    
<title>无标题页</title>
</head>
<body>
    
<form id="form1" runat="server">
    
<div>
        Table ,这个有点HTML基础的人都知道了,是表格的意思啦,也是布局的一个重要方法,如果是用DW的话,你就会知道他有多重要了!
<br />
        而VS推出的Table服务器控件最大的特色当推他可以动态是控制表格的行列数,下面还是做个演示:
<br />
        
<br />
        
<strong>
        演示一: 动态添加表格行和列,在特定的格里写特定的字,并在当前单元格里面把坐标写出来
</strong><br />
        
<asp:Table ID="Table1" runat="server" BorderColor="Black" BorderStyle="Dashed" BorderWidth="1px" GridLines="Both">
        
</asp:Table>
        
<asp:DropDownList ID="rows" runat="server">
            
<asp:ListItem>1</asp:ListItem>
            
<asp:ListItem>2</asp:ListItem>
            
<asp:ListItem>3</asp:ListItem>
            
<asp:ListItem>4</asp:ListItem>
        
</asp:DropDownList>
        
<asp:DropDownList ID="cell" runat="server">
            
<asp:ListItem>1</asp:ListItem>
            
<asp:ListItem>2</asp:ListItem>
            
<asp:ListItem>3</asp:ListItem>
            
<asp:ListItem>4</asp:ListItem>
            
<asp:ListItem>5</asp:ListItem>
        
</asp:DropDownList>
        
<asp:Button ID="Button1" runat="server" Text="给我建个表格来" OnClick="Button1_Click" /><br />
        
<br />
    
</div>
    
</form>
</body>
</html>

webasp.net