HTML服务器控件介绍:HtmlTableCell控件

2009-02-27 01:28:04  来源:网页教学网 

WebjxCom提示:HtmlTableCell控件用来控制td和th元素。在HTML中,这些元素用来建立表格单元格和表格标题单元格。

请首先查看:ASP.NET入门教程:HTML服务器控件。简单讲述了HTML服务器控件的使用方法。

下面开始讲解:HtmlTableCell控件

定义和用法

HtmlTableCell控件用来控制 <td> 和 <th> 元素。在HTML中,这些元素用来建立表格单元格和表格标题单元格。


属性

属性 说明
Align 单元格内容的水平对齐方式
Attributes 返回此元素所有属性名和属性值
BGColor 单元格的背景色
BorderColor 边框颜色
ColSpan 此单元格要跨越的列数
Disabled 指明此控件是否被禁止的一个布尔值。默认值是false
Height 单元格的高度
id 此控件的唯一id
InnerHtml 设置或返回HTML元素开始标签和结束标签之间的内容。特殊字符不会被自动转换成HTML实体
InnerText 设置或返回HTML元素开始标签和结束标签之间的所有文本。特殊字符将被自动转换成HTML实体
Nowrap 指定此控件中的文本是否可以换行的一个布尔值。
RowSpan 此单元格要跨越的行数
runat 规定此控件是服务器控件。必须被设置为 "server"
Style 设置或返回应用于此控件的CSS特性
TagName 返回此元素的标签名称
VAlign 单元格内容的垂直对齐方式
Visible 指明此控件是否可见的一个布尔值
Width 指定表格的宽度

示例

1、在此示例中我们在一个.aspx文件中声明两个HtmlSelect控件,一个HtmlInputButton控件,及一个HtmlTable控件(要记住把控件嵌入HtmlForm控件中)。用户可以选择行数和单元格数。当提交按钮被触发的时候,submit子程序被执行。submit子程序将根据用户的输入来生成表格。本信息代表文章来源网页教学webjx.com请大家去www.webjx.com浏览!

<script  runat="server">
Sub submit(sender As Object, e As EventArgs)
Dim row,numrows,numcells,j,i
row=0
numrows=rows1.Value
numcells=cells1.Value
for j=1 to numrows
   Dim r As New HtmlTableRow()
   row=row+1
   for i=1 to numcells
     Dim c As New HtmlTableCell()
     c.Controls.Add(New LiteralControl("row " & j & ", cell " & i))
     r.Cells.Add(c)
   next
   t1.Rows.Add(r)
   t1.Visible=true
next
End Sub
</script>


<html>
<body>

<form runat="server">
<p>Table rows:
<select id="rows1" runat="server">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
<br />Table cells: 
<select id="cells1" runat="server">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
</select>
<br /><br />
<input type="submit" value="Display Table" runat="server" OnServerClick="submit">
</p>
<table id="t1" border="1" runat="server" visible="false"/>
</form>

</body>
</html>

2、在此示例中我们在一个.aspx文件中声明一个HtmlTable控件及一个HtmlInputButton控件(要记住把控件嵌入HtmlForm控件中)。当提交按钮被触发的时候,submit子程序被执行。submit子程序将修改表格的背景色和边框色,同时改变单元格中的内容。看到此信息请您谅解!webjx.com为了防采集加上的!请到网页教学网浏览更多信息。

<script  runat="server">
Sub submit(sender As Object, e As EventArgs)
dim i,j
table1.BGColor="yellow"
table1.BorderColor="red"
for i=0 To table1.Rows.Count-1
   for j=0 To table1.Rows(i).Cells.Count-1
     table1.Rows(i).Cells(j).InnerHtml="Row " & i
   next
next
End Sub
</script>


<html>
<body>

<form runat="server">
<table id="table1" border="1" runat="server">
   <tr>
     <td>Cell 1</td>
     <td>Cell 2</td>
   </tr>
   <tr>
     <td>Cell 3</td>
     <td>Cell 4</td>
   </tr>
</table>
<br />
<input type="button" value="Change Contents" OnServerClick="submit" runat="server"/>
</form>

</body>
</html>

更多

推荐文章