Ngôn ngữ ASP.NET - HtmlTable
Điều khiển HtmlTable
HtmlTable control được sử dụng để điều khiển thẻ <table>. Trong HTML thẻ table được sử dụng để tạo 1 table.
Các thuộc tính
Thuộc tính | Mô tả |
Align | Xác định cách sắp xếp của table |
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 table |
Border | Xác định độ dày của viển |
BorderColor | Xác định màu của border |
CellPadding | Xác định khoảng cách giữa viên của ô và nội dụng bên trong |
CellSpacing | Xác định khoảng cách giữa các ô |
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 |
Rows | Trả về đối tượng HtmlRowCollection thể hiển tất cả các dòng trong table |
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ẻ |
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 table |
Ví dụ: Tạo trang web HtmlTable.aspx
Code trang HtmlTable.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="HtmlTable.aspx.cs" Inherits="htmlcontrol_HtmlTable" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="Form1" runat="server">
<p>số dòng:
<select id="rows1" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br />số cột:
<select id="cells1" runat="server">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<br /><br />
<input id="Submit1" type="submit" value="Hiển thị Table" runat="server" OnServerClick="submit">
</p>
<table id="t1" border="1" runat="server" visible="false"/>
</form>
</body>
</html>
Code behind HtmlTable.aspx.cs:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
public partial class htmlcontrol_HtmlTable : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void submit(object sender, EventArgs e)
{
int row, numrows, numcells, j, i; row = 0; numrows = int.Parse(rows1.Value); numcells = int.Parse(cells1.Value); for (j = 1; j <= numrows; j++)
{
HtmlTableRow r = new HtmlTableRow(); row = row + 1;
for (i = 1; i <= numcells; i++)
{
HtmlTableCell c = new HtmlTableCell();
c.Controls.Add(new LiteralControl("Dòng " + j + ", cột " + i));
r.Cells.Add(c);
}
t1.Rows.Add(r); t1.Visible = true;
}
}
}
Giao diện của chúng ta có 2 HtmlSelect control, một HtmlInputButton. Người dùng có thể chọn số dòng và số cột của table. Khi người dụng click submit button thì hàm xử lý sự kiện button click được thực hiển và sinh ra table với số dòng và số cột chúng ta đã lựa chọn.