博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

ASP.NET------Table控件

Posted on 2012-04-24 17:49  乌雲安全  阅读(12794)  评论(1编辑  收藏  举报

 

一、Table控件的理解

1、Table控件的构成可以理解为:一个Table对象包含多个行(TableRow对象),而每一行又包含多个单元格(TableCell对象)。而每个TableCell对象中包含其他的HTML或者服务器控件作为Web服务器控件。

2、创建Table控件包含两个步骤,添加表本身,然后在分别添加行和单元格。如果是在设计时添加行和列来创建静态表,最后不要使用Table服务器控件,而使用HTML表元素,因为HTML表元素更简单。如果希望运行时通过代码向表中添加行和列是,则可以使用Table服务器控件。

二、Table中属性介绍

Table对象:

BackImageUrl:表格的背景图像的URL

Caption:表格标题

CaptionAlign:标题文本对齐方式

CellPadding:Table单元格内容和单元格边框之间的空间量(单位:像素)

CellSpacing:相邻单元格之间的空间量

Rows:Table控件中行的集合

TableRow对象:

HorizontalAlign:获取或设置行内容的水平对齐方式

VerticalAlign:获取或设置行内容的垂直对齐方式

Cells:获取TableCell对象的集合,这些对象表示Table控件中的行的单元格

TableCell对象

ColumnSpan:获取或设置单元格在Table跨越的列数

RowSpan:跨越的行数

Text:获取或设置单元格的文本

动态的创建一个Table包含三个步骤:

1、创建TableRow对象以表示表中的行。

2、创建TableCell对象,表示行中的单元格,并将单元格添加到行中。

3、将TableRow添加到Table控件的Row集合中。

 

Example1

通过单击生成按钮生成一个表格:

按钮的单击事件中的代码是:

 protected void Button1_Click(object sender, EventArgs e)
    {
        int a =int.Parse( DropDownList1.SelectedValue);                                //用于取得行数
        int  b = int.Parse(DropDownList2.SelectedValue);                               //用于取的列数 ,int.Parse();和Convert.ToInt32作用相同,是将转换为整型。
        Table1.BorderColor = System.Drawing.Color.DarkGoldenrod;                      
        Table1.BorderWidth = 2;                                                        //这两句用于设置表格的属性
        for (int i = 0; i < a; i++)
        {
            TableRow w = new TableRow();                                              //实例化行对象
            for (int j = 0; j < b; j++)
            {
                TableCell q = new TableCell();                                       //实例化单元格对象
                q.BackColor = System.Drawing.Color.Blue;                             //设置单元格的背景颜色属性。
Button r = new Button(); //实例化按钮对象,用于向表格中添加。
                if (i == 2 && j == 2) //向第三行、第三列中中添加按钮
                {
                    q.Controls.Add(r); //单元格中添加按钮,添加其他控件的方法相同
                } q.BorderWidth
= 2; w.Cells.Add(q); //将单元格添加到行中。 } Table1.Rows.Add(w); //将行添加到表格中 } }

截图如下: