Khi bạn cần đưa các điều khiển trang vào một nhóm để giải thích nghĩa cho nhóm đó hoặc có thể là để ần hoặc hiện nhóm điều khi nhấn 1 sự kiện nào đó trên trang của bạn, bạn có thể dùng điều khiển panel.
Một số thuộc tính của điều khiển panel mà bạn cần lưu ý là:
- DefaultButton: Cho phép bạn định nghĩa một button mặc định trong panel mà button mặc định này sẽ được thực hiện khi bạn nhấn phím Enter
- Direction: Cho phép bạn gán hoặc thiết đặt hướng hiển thị nội dung được đưa ra trong panel, có thể là các giá trị:NotSet, LeftToRight, and RightToLeft.
- GroupingText: Cho phép bạn trình bày Panel như 1 Fieldset với một chú giải riêng biệt - HorizontalAlign: Cho phép bạn chỉ ra hướng ngang thể hiện nội dung của panel và nó có thẻ là các giá trị: Center, Justify, Left, NotSet, and Right.
- ScrollBars: Cho phép bạn hiển thị scrollbars khi bạn cố định chiều cao hoặc chiều rộng của panel và nội dung trong panel vượt quá độ rộng hoặc độ cao đó, nó có thể là các giá trị: Auto, Both, Horizontal, None, and Vertical.
Ví dụ
<%@ Page Language="C#" %>
<script runat="server">
void Page_Load(object sender, EventArgs e) {
for (int i = 1; i < 100; i++) {
buletnghenghiep.Items.Add("Nghề "+i.ToString()); }
void hcubiuSothich(object sender, EventArgs e) { if (chkhtsothich.Checked == true) panelsothich.Visible = true; else panelsothich.Visible = false; }
void hcubiuNghenghiep(object sender, EventArgs e) { if (chkhtnghenghiep.Checked == true) panelnghenghiep.Visible = true; else panelnghenghiep.Visible = false; } </script>
<!DOCTYPE htmlPUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server">
<title>TonghopIT</title> </head>
<body>
<form id="form1"runat="server">
<div>
<asp:Panel ID="panelpage"runat="server"GroupingText="TonghopIT">
<table>
<tr>
<td>
<asp:Panel ScrollBars="auto"ID="panelsothich"Width="200px"Height="200px"
runat="server"GroupingText="Sở thích">
<asp:CheckBox ID="CheckBox1"Text="Bóng đá"runat="server" /><br />
<asp:CheckBox ID="CheckBox2"Text="Xem phim" runat="server"/><br />
<asp:CheckBox ID="CheckBox3"Text="Kinh doanh"runat="server" />
</asp:Panel>
</td>
<td>
<asp:Panel ID="panelnghenghiep"Width="200px"Height="200px"
ScrollBars="Vertical"runat="server"GroupingText="Nghề nghiệp">
<asp:BulletedList ID="buletnghenghiep"runat="server">
</asp:BulletedList> </asp:Panel> </td> </tr> <tr> <td>
<asp:CheckBox Checked="true"ID="chkhtsothich" AutoPostBack="true"
OnCheckedChanged="hcubiuSothich" Text="Hiển thị sở thích" runat="server"/><br />
<asp:CheckBox Checked="true"ID="chkhtnghenghiep"AutoPostBack="true"
OnCheckedChanged="hcubiuNghenghiep"Text="Hiển thị nghề nghiệp"runat="server" /><br
</td> </tr> </table> </asp:Panel> </div> </form> </body> </html>