LAB – 02 – BASIC CONTROL

Bước 1: Tạo trang Label.aspxBước 1-1Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 1November 21, 2009 LAB – 02 – BASIC CONTROLBước 1-2Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 2November 21, 2009 LAB – 02 – BASIC CONTROLBước 2: chuyển sang chế độ esign mode
Nội dung trích xuất từ tài liệu:
LAB – 02 – BASIC CONTROL Nguyễn Phạm Phương Nam – Nguyễn SơnLab – 02 – Basic Control 2009 Hoàng Quốc – Nguyễ Trong Lab nãy sẽ hướng dẫn các control cơ bản của ASP.Net Trường Đại Học Khoa Học Tự Nhiên Khoa Công Nghệ Thông Tin Bộ Môn Công Nghệ Phần Mềm Môn: Lập Trình ASP.Net November 21, 2009 LAB – 02 – BASIC CONTROL1 Thao tác trên Label Control1.1 Thao tác căn bản Bước 1: Tạo trang Label.aspx -Bước 1-1 Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 1 November 21, 2009 LAB – 02 – BASIC CONTROLBước 1-2 Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 2 November 21, 2009 LAB – 02 – BASIC CONTROL Bước 2: chuyển sang chế độ design mode- Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 3 November 21, 2009 LAB – 02 – BASIC CONTROL Bước 3: Thêm label control, có ID: labMess- Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 4 November 21, 2009 LAB – 02 – BASIC CONTROL Bước 4: Thêm hidden code vào trang Label.aspx.cs- Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 5 November 21, 2009 LAB – 02 – BASIC CONTROL Bước 5: chạy thử và test chương trình -Bước 5-1 Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 6 November 21, 2009 LAB – 02 – BASIC CONTROLBước 5-21.2 Bài tậpThực hành tạo trang web có khả năng focus các control dựa vào hotkey.Yêu cầu : Tạo trang LabelHotKeys.aspx với phần code design ở bên dưới. Tự tiến hành test kếtquả thu được Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 7 November 21, 2009 LAB – 02 – BASIC CONTROL Using AccessKey for Controls January February March 2 Thao tác trên TextBox control2.1 Thao tác trên các thuộc tính quan trọng Bước 1: Tạo trang TextBox.aspx. Tiến hành kéo thả các control và set các thuộc tính theo - mô tả của đoan code bên dưới. Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 8 November 21, 2009 LAB – 02 – BASIC CONTROL Bước 2: Quan sát kết quả thu được- Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 9 November 21, 2009 LAB – 02 – BASIC CONTROL2.2 Bài tậpThực hành xử lý sự kiện TextChangedYêu cầu: Tạo trang TextBoxEvent.aspx theo giao diện bên dưới. Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 10 November 21, 2009 LAB – 02 – BASIC CONTROLBắt sự kiện TextChanged trên “txtCountry”. Xử lý sự kiện TextChanged theo quy tắc sau: Nếu txtCountry là “Canada” thì labRegion = “Province” - Nếu txtCountry là “USA” thì labRegion = “State” -3 Thao tác Button ControlGồm 3 loại chính: - Button - LinkButton - ImageButton Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 11 November 21, 2009 LAB – 02 – BASIC CONTROL3.1 Thao tác trên các loại buttonGhi chú: tạo thư mục images trong project từ VS. Thêm image cần thiết vào thư mục này. Bước 1: Tạo trang Button.aspx. Tiến hành kéo thả các control và set các thuộc tính theo - mô tả của đoan code bên dưới. Bắt sự kiện Click tương ứng với từng Button. Bước 2: Viết xử lý cho từng sự kiện Click - Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 12 November 21, 2009 LAB – 02 – BASIC CONTROL Bước 3: Kiểm tra các kết quả thu được- Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 13 November 21, 2009 LAB – 02 – BASIC CONTROL3.2 Bài tậpThực hành xử lý Command EventYêu cầu: Xây dựng chương trình Calculator đơn giản với 4 phép tính cơ bản: cộng, trừ, nhân,chia. Sử dụng Button control và Command Event. Giao diên chương trình đơn giản như hình bêndưới Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 14 November 21, 2009 LAB – 02 – BASIC CONTROLGợi ý thực hiện: Bước 1: Tạo giao diện chương trình - Simple Calculator Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 15 November 21, 2009 LAB – 02 – BASIC CONTROL Bước 2: Viết xử lý cho sự kiện Comm ...