Ngôn ngữ ASP.NET - HtmlTableCell
Điều khiển HtmlTableCell
HtmlTableCell control được sử dụng để điều khiển thẻ <td> và <th>. Trong HTML những thẻ này được sử dụng để tạo những cell trong table và những cell header của table.
Các thuộc tính:
Thuộc tính | Mô tả |
Align | Sắp xếp theo chiều ngang nội dụng của một cell |
Attributes | Trả về tất cả tên thuộc tính và giá trị tương ứng của thuộc thẻ |
BGColor | Xác định màu nền của cell |
Border | Xác định độ dày của viển. |
ColSpan | Sô cột của cell được mở rộng. |
Disabled | Giá trị boolean xác định control có bị disabled hay không. Mặc định là false. |
Id | Id duy nhất của control. |
InnerHtml | Điền vào hay trả về nội dung giữa thẻ đóng và thẻ mở. những kí tự đặc biệt thì không tự động chuyển thành các entities. |
InnerText | Điền vào hay trả về nội dung giữa thẻ đóng và thẻ mở. Những kí tự đặc biệt tự động chuyển thành các entities. |
RowSpan | Số dòng của cell được mở rộng. |
Runat | Xác định rằng control này là server control. Phải được xác định là “server”. |
Style | Xác định hay trả về thuộc tính CSS được áp dụng cho control. |
TagName | Trả về tên của thẻ. |
Valign | Sắp xếp theo chiều dọc nội dung của cell. |
Visible | Giá trị boolean xác định control sẽ được hiển thị hay không. |
Width | Xác định chiều rộng của cell. |
Ví dụ: Tạo trang web HtmlTableCell.aspx
Code trang HtmlTableCell.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HtmlTableCell.aspx.cs" Inherits="htmlcontrol_HtmlTableCell" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="Form1" 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 id="Button1" type="button" value="Thay đổi nội dung" OnServerClick="submit" runat="server"/>
</form>
</body>
</html>
Code behind HtmlTableCell.aspx.cs:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class htmlcontrol_HtmlTableCell : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void submit(object sender, EventArgs e)
{
int i, j; table1.BgColor = "yellow"; table1.BorderColor = "red";
for (i = 0; i <= table1.Rows.Count - 1; i++)
for (j = 0; j <= table1.Rows[i].Cells.Count - 1; j++) table1.Rows[i].Cells[j].InnerHtml = "Row " + i;
}
}
Giao diện của chúng ta có một HtmlTable control và một HtmlInputButton control. Khi chúng ta click vào submit button thì hàm xử lý sự kiện click của button này được thực hiển, khi đó màu nền của table được gán là màu vàng, và viền của table được gán lại thành màu đỏ như hình dưới đây :