下面開始講解:HtmlTable控件
定義和用法
HtmlTable控件用來控制<table>元素。在Html中,<table>用來建立一個表格。
屬性
屬性 |
說明 |
Align
指定表格的對齊方式
Attributes
返回此元素所有屬性名和屬性值
BGColor
指定表格的背景色
Border
指定邊框的寬度
提示: 設置 border="0" 將顯示沒有邊框的表格!
BorderColor
指定邊框顏色
CellPadding
指定單元格邊界與其中內容之間的間距
CellSpacing
指定單元格之間的間距
Disabled
指明此控件是否被禁止的一個布爾值。默認值是false
Height
指定表格的高度
id
此控件的唯一id
InnerHtml
設置或返回HTML元素開始標簽和結束標簽之間的內容。特殊字符不會被自動轉換成Html實體
InnerText
設置或返回HTML元素開始標簽和結束標簽之間的所有文本。特殊字符將被自動轉換成Html實體
Rows
返回一個HtmlRowCollection對象,此對象代表此表格中的所有行
runat
規定此控件是服務器控件。必須被設置為 "server"
Style
設置或返回應用於此控件的CSS特性
TagName
返回此元素的標簽名稱
Visible
指明此控件是否可見的一個布爾值
Width
指定表格的寬度
示例
1、在此示例中我們在一個.ASPx文件中聲明兩個HtmlSelect控件,一個HtmlInputButton控件,及一個HtmlTable控件(要記住把控件嵌入HtmlForm控件中)。用戶可以選擇行數和單元格數。當提交按鈕被觸發的時候,submit子程序被執行。submit子程序將根據用戶的輸入來生成表格。看到此信息請您諒解!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子程序將修改表格的背景色和邊框色,同時改變單元格中的內容。看到本信息,說明該文章來源於網頁教學網www.webjx.com,如果文章不完整請到網頁教學網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>