Checkbox, RadioButton Các thuộc tính

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 40 - 45)

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

2.7 Checkbox, RadioButton Các thuộc tính

Các thuộc tính

- có được chọn hay khơng gn: Qui định vị trí hiển thị của điều khiển so với chuỗi văn bản.

định điều khiển có được phép tự động PostBack vềServer khi các mục chọn của điều khiển bị thay đổi. Giá trị mặc định của thuộc tính này là False - khơng tự động Postback.

được sử dụng để nhóm các điều khiển RadioButton lại thành 1 nhóm.

Ví dụ 1:

//thêm

protected void Button1_Click(object sender, EventArgs e) {

AccessDataSource1.Insert(); lbthongbao.Text = "thanh công"; }

//button

protected void Button2_Click(object sender, EventArgs e) {

AccessDataSource2.Insert(); lbthongbao1.Text = "thanh công"; }

Hai điều khiển này được dùng để tạo ra một nhóm các CheckBox/Radio Button. Do đây là điều khiển danh sách nên nó cũng có thuộc tính Items chứa tập hợp các mục chọn nhưListBox/DropDownList. Các thao tác trên tập hợp Items, xử lý mục chọn cũng tương tự nhưListBox/DropDownList.

a. Tạo mới: Kéo thả RadioButtonList (Hoặc CheckbocList) vào Form

=> Chọn Edit Items

b. Các thuộc tính

định số cột hiển thị. định hình thức hiển thị o Vertical: Theo chiều dọc

o Horizontal: Theo chiều ngang

định điều khiển có được phép tự động PostBack vềServer khi các mục chọn của điều khiển bị thay đổi. Giá trị mặc định của thuộc tính này là False - khơng tự động Postback.

Ví dụ: Ví dụ: Bổ sung thêm vào Website Dulich 1 trang Thongtincanhan gồm: 1 Textbox, 2 RadioButton giới tính, 2 Checkbox ngọai ngữ, 3 radioButton thu nhập listbox, 2 label , 1 RadioButtonList Trình độ, 1 Button Đăng ký.

protected void Button1_Click(object sender, EventArgs e) {

string ten = "", gt = "", ngoaingu = "", thunhap = "", trinhdo = ""; ten = txthoten.Text; if (Radionu.Checked == true) gt = "Nữ"; else gt = "Nam"; if (Checkav.Checked == true) ngoaingu = " Tiếng anh "; if (Checkpv.Checked == true)

ngoaingu = ngoaingu + " Tiếng pháp "; if (Radioduoi.Checked == true)

thunhap = " 1 triệu ";

else if (Radiotrbinh.Checked == true) thunhap = " từ 1 đến 3 triệu"; else

thunhap = " trên 3 triệu ";

trinhdo = RadioButtonList_trdo.SelectedItem.Value; lblthongtin.Text = "THÔNG TIN VỀ BẠN <li> Tên: "

+ ten+ "<li> Giới tính:" + gt + " <li> Ngoại ngữ :" + ngoaingu + "<li> Mức thu nhập:" + thunhap + "<li> Trình độ:" + trinhdo;

} 2.9 MultiView

Điều khiển MultiView cho phép bạn ẩn hoặc hiện các phần khác nhau của trang Web,điều khiển này tiện ích khi bạn tạo một TabPage. Nó thực sự tiện ích khi bạn muốn chia 1 trang web có độ dài lớn thành các phần để hiển thị.Điều khiển MultiView

chứa đựng 1 hoặc nhiều điều khiển View, bạn sử dụng Multiview để lựa chọn các điều khiển View để trình bày.

Điều khiển MultiView hỗ trợ các thuộc tính. Index

khiển MultiView.

Điều khiển MultiView hỗ trợ hai phương thức.

veView: Cho phép lấy về thông tin của điều khiển View được lựa chọn. Và MultiView hỗ trợ sự kiện sau:

Ví dụ:Tạo 1 website MultiView: Sử dụng MultiView kết hợp với điều khiển Menu để tạo một TabPage

Thiết kế

Multiview1 bên trong gồm 3 View (View1 View2, View3) Menu1từ nhóm Control Navigation: Gồm 3 Tab (Tab1, Tab2, Tab3) o Tạo Control Menu vào Form

Lần lượt khái báo các nhãn (Text) là: Tab 1, Tab 2, Tab 3 và các giá trị (Value) tương ứng là: 0 , 1, 2

Thuộc tính Orientation: Horizaltal (Menu hướng ngang) //trong properties menu o Bổ sung nội dung vào các view tương ứng

Xử lý sự kiện

protected voidPage_Load(objectsender,EventArgse) { if(!IsPostBack) { MultiView1.ActiveViewIndex = 0; } }

protected voidMenu1_MenuItemClick(objectsender,MenuEventArgse) {

intindex =int.Parse(e.Item.Value); MultiView1.ActiveViewIndex = index;

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 40 - 45)