Điều khiển Panel và PlaceHolder

Một phần của tài liệu Giáo trình Thiết kế website (Nghề: Thiết kế đồ hoạ - Cao đẳng) - Trường Cao đẳng nghề Đồng Tháp (Trang 47 - 49)

Ví dụ: Tạo menu đươn giản

2.12 Điều khiển Panel và PlaceHolder

Hai điều khiển Panel và PlaceHolder được sử dùng để chứa các điều khiển khác. Thuộc tính thường dùng của 2 điều khiển này là Visible. Nếu giá trị của thuộc tính này = True, các điều khiển chứa bên trong sẽ được hiển thị, ngược lại (Visible = False), khơng có điều khiển nào chứa bên trong được hiển thị.

Tuy nhiên, điều khiển Panel cho phép chúng ta kéo những điều khiển vào bên trong nó lúc thiết kế, cịn điều khiển PlaceHolder thì khơng.

Các thuộc tính:

đị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.

irection: 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.

ư 1 Fieldset với một chú giải riêng biệt.

lign: 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.

đị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ụ: Tao trang sử dụng Panel gồm: 1 panelpage chứa 1 panelsothich va 1 panel nghenghiep, trong panel sothich có vài checkbox, trong panel nghề nghệp hiện thị 100 nghề (Nghề 1, Nghề2, . . .) được điền vào khi trang được load.

Thêm vào panelpage 2 check box: chkSothich và chkNghenghiep. Khi trang hiện thị người dùng đánh check hoặc bỏ check vào checkbox nào thì panel tương ứng sẽ hiện hoặc ẩn.

protected void Page_Load(object sender, EventArgs e) {

for (int i = 1; i < 100; i++) {

buletnghenghiep.Items.Add("Nghề "+i.ToString()); }

}

protected void chkhtsothich_CheckedChanged(.......) { if (chksothich.Checked == true) panelsothich.Visible = true; else panelsothich.Visible = false; }

protected void chkhtnghenghiep_CheckedChanged(......) { if (chknghenghiep.Checked == true) panelnghenghiep.Visible = true; else panelnghenghiep.Visible = false; }

Một phần của tài liệu Giáo trình Thiết kế website (Nghề: Thiết kế đồ hoạ - Cao đẳng) - Trường Cao đẳng nghề Đồng Tháp (Trang 47 - 49)