Bài giảng Lập trình web - Chương 3: Điều khiển web

Nội dung text: Bài giảng Lập trình web - Chương 3: Điều khiển web

1. Chương 3 Điều khiển Web
2. Mục tiêu ◼ Giải thích điều khiển Web Control ◼ Tại sao các điều khiền là đối tượng ◼ Dùng điều khiển cho nhập chuỗi ◼ Dùng điều khiển di chuyển ◼ Dùng điều khiển chọn ◼ Dùng Rich Control
3. Điều khiển Web Intrinsic Rich Điều khiển ASP.NET List Validation
4. Điều khiển Web là các đối tượng ◼ Giống đối tượng, điều khiển Web gồm các phương thức, thuộc tính và sự kiện. ◼ Chúng ta có thể thiết lập thuộc tính và gọi phương thức của điều khiển Web khi chúng được nhúng vào trong trang Web. ◼ Mã phía server được viết cho các điều khiển Web tương ứng các sự kiện mà chúng xuất hiện phía client.
5. Điều khiển Web là các đối tượng – Ví dụ void Button1click(Object Src, EventArgs E) { lblMessage.Text =Src.ToString(); btnButton1.Enabled = false; btnButton2.Visible = true; } void Button2click(Object Src, EventArgs E) { lblMessage.Text=""; btnButton2.Visible = false; btnButton1.Enabled = true; }
6. Điều khiển Web là các đối tượng – Ví dụ
7. Điều khiển Web là các đối tượng – Kết xuất Trước khi chọn nút Sau khi chọn nút
8. Intrinsic Controls “checkbox”>
9. Text Entry - Intrinsic Control
10. Control Transfer - Intrinsic Control Gởi dữ liệu về server Lưu hay truy xuất dữ liệu từ server Di chuyển giữa các trang
11. Control Transfer
12. Intrinsic Control: Selection Maths Science English Computers
13. Intrinsic Control: Selection
14. Intrinsic Control: Selection Red Blue Green Yellow
15. Intrinsic Control: Selection – Các phương thức thao tác dữ liệu void Page_Load (Object Src, EventArgs E) { ddl.Items.Add(" ddl.Items.Add("40-50"); One ddl.Items.Add(">50"); Two } Three ArrayList(); One arrlist.Add ("Four"); Two arrlist.Add ("Five"); Three arrlist.Add ("Six"); ddl.DataSource =arrlist;
16. Container ▪ Điều khiển container có thể chứa các điều khiển khác. ▪ Sử dụng để hiển thị hay ẩn điều khiển
17. Rich Controls Dùng để thay đổi các Cung cấp các chức năng quảng cáo trên trang đầy đủ về lịch
18. AdRotator Đường dẩn URL tương đối hay tuyệt đối Của tập tin hình ảnh Website đích khi chọn quảng cáo Văn bản được hiển thị khi di chuyển chuọt qua hình ảnh Loại quảng cáo Độ ưu tiên của quảng cáo trong lịch xoay
19. AdRotator – Kết xuất
20. Điều khiển Calendar ◼ Sử dụng đơn giản, cung cấp cho chúng ta chức năng của lịch. ◼ Lịch có thể được định dạng để phù hợp với giao diện của trang Web. Ví dụ -
21. Điều khiển Calendar ◼ Trong hầu hết trường hợp, lịch thường cho phép chọn ngày thay vì nhập tay. ◼ Điều khiển calendar có hai sự kiện: ◼ Date Change ◼ Month Change
22. Calendar Control – Ví dụ void date_changed(Object sender,EventArgs e) { lblMessage.Text= "The date(s) you have selected is: From " + calendar1.SelectedDates[0].ToShortDateString() + " to " + calendar1.SelectedDates[calendar1.SelectedDates.Count - 1].ToShortDateString(); } void month_changed(Object sender,MonthChangedEventArgs e) { lblCur_m.Text= "The current month you selected is: " + e.NewDate.ToString("Y"); lblPrev_m.Text= "The previous month you selected is: " + e.PreviousDate.ToString("Y"); }
23. Calendar Control – Ví dụ    
24. Calendar Control – Ví dụ        
25. Calendar Control - Output
26. Tóm tắt ◼ Có 4 loại điều khiển trong ASP.NET: ◼ Intrinsic Controls ◼ List Controls ◼ Rich Controls ◼ Validation Controls ◼ Giống đối tượng các điều khiển có phương thức, thuộc tính và sự kiện. ◼ ASP.NET cung cấp 3 điều khiển cho nhập chuỗi: ◼ Một dòng ◼ Nhiều dòng ◼ Mật khẩu
27. Tóm tắt ◼ Có 4 điều khiển dùng để di chuyển giữa các trang hay truyền điều khiển đến một trang nào đó: ◼ Button ◼ LinkButton ◼ ImageButton ◼ Hyperlink ◼ ASP.NET cung cấp các điều khiển chọn lựa: ◼ Checkbox ◼ RadioButton ◼ Listbox ◼ DropDownList ◼ ASP.NET cung cấp các điều khiển container để chứa các điều khiển khác. ◼ ASP.NET cung cấp 2 rich control: ◼ AdRotator Control ◼ Calendar Control