CHỦ ĐỀ 4 : CÁC ĐIỀU KHIỂN WEB FORM CƠ BẢN

TRƯỜNG ĐẠI HỌC NHA TRANG THIẾT KẾ VÀ LẬP TRÌNH WEB Chủ đề CÁC ĐIỀU KHIỂN WEBFORM CƠ BẢN 1 GIỚI THIỆU - Web control cung cấp nhiều tính so với HTML ASP - Hỗ trợ nhiều kiện gần giống với Windows control - Một số thành phần UI khơng có HTML control GirdView, Calendar Validation - Web control thông minh tự động phát sinh thẻ HTML tương ứng với trình duyệt Ví dụ: MỘT SỐ WEB CONTROL CƠ BẢN 2.1 Label - Dùng để hiển thị trình bày nội dung trang Web - Nội dung hiển thị xác định qua thuộc tính Text 2.2 TextBox 2.3 Button, LinkButton, ImageButton 2.4 Hyperlink 2.5 Image - Hiển thị hình ảnh lên Web - Thuộc tính: • ImageUrl: Đường dẫn đến tập tin cần thị • AlternateText: Chuỗi hiển thị ảnh khơng tồn • ImageAlign: Canh lề nội dung hình ảnh 10 Tại phải kiểm tra liệu nhập: - Có nhiều lỗi xảy web form: User bỏ qua thông tin quan trọng (bỏ trống) User nhập khơng định dạng Địa email, số điện thoại User nhập ký tự chữ trường yêu cầu nhập số User submit giá trị ngồi miền cho phép… • • • • 26 - Web app gặp phải số khó khăn kiểm tra ràng buộc, chúng dựa HTML input control Khơng có đặc tính tương đồng với Windows application: Kỹ thuật chung Windows application xử lý kiện, ví dụ KeyPress TextBox để kiểm tra việc nhập ký tự số Điều Web application, việc post back server chậm Thậm chí sử dụng client side JavaScript, user né trách việc kiểm tra post giá trị không hợp lệ! • • • 27 Quá trình kiểm tra điều khiển nhập liệu: 28 Các thuộc tính chung: 29 RequiredFieldValidator - Sử dụng để bắt buộc control phải nhập liệu - Xác nhận thành cơng nhập liệu chuỗi rỗng 30 CompareValidator - Dùng để so sánh giá trị control với giá trị control khác giá trị xác định - Thơng qua thuộc tính Operator, ta thực phép so sánh như: =, , >,=,, >=, không xử lý return; } 39 ValidationSummary - Điều khiển dùng để hiển thị bảng lỗi chứa tất lỗi trang web Nếu điều khiển có liệu khơng hợp lệ, giá trị thuộc tính ErrorMessage validation control hiển thị Nếu giá trị thuộc tính ErrorMessage khơng xác định, thông báo lỗi không xuất bảng lỗi Các thuộc tính: • • • HeaderText: dòng tiêu đề thông báo lỗi ShowMessageBox: quy định thông báo lỗi có phép hiển thị cửa sổ MessageBox hay không, mặc định false ShowSummary: bảng thông báo hiển thị hay không, mặc định true 40 ... RequiredFieldValidator - Sử dụng để bắt buộc control phải nhập liệu - Xác nhận thành công nhập liệu chu i rỗng 30 CompareValidator - Dùng để so sánh giá trị control với giá trị control khác giá trị xác định... có danh sách: Items.Count - Contains: kiểm tra xem item có danh sách hay khơng: Items.Contains(…) - Remove: Xố đối tượng item khỏi danh sách - RemoveAt: xoá item vị trí index khỏi danh sách -... THIỆU - Web control cung cấp nhiều tính so với HTML ASP - Hỗ trợ nhiều kiện gần giống với Windows control - Một số thành phần UI khơng có HTML control GirdView, Calendar Validation - Web control