LAB – 02 – BASIC CONTROL

Chia sẻ: Abcdef_15 Abcdef_15 | Ngày: | Loại File: PDF | Số trang:23

Thêm vào BST

Báo xấu

97
lượt xem 8
download

Download Vui lòng tải xuống để xem tài liệu đầy đủ

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 1 November 21, 2009 LAB – 02 – BASIC CONTROL Bướ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

Chủ đề:

Bình luận(0) Đăng nhập để gửi bình luận!

Lưu

Nội dung Text: LAB – 02 – BASIC CONTROL

Nguyễn Phạm Phương Nam – Nguyễn Sơn Lab – 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 CONTROL 1 Thao tác trên Label Control 1.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 CONTROL Bướ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 CONTROL Bước 5-2 1.2 Bài tập Thự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ết quả 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 control 2.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 CONTROL 2.2 Bài tập Thực hành xử lý sự kiện TextChanged Yê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 CONTROL Bắ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 Control Gồ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 CONTROL 3.1 Thao tác trên các loại button Ghi 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 CONTROL 3.2 Bài tập Thực hành xử lý Command Event Yê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ên dướ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 CONTROL Gợ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 Command tương ứng - /// /// Single Command event handler for all the calculator buttons /// protected void Button_Command(Object o, CommandEventArgs e) { double dVal1 = 0.0; double dVal2 = 0.0; bool val1okay = Double.TryParse(txtValue1.Text, out dVal1); bool val2okay = Double.TryParse(txtValue2.Text, out dVal2); if (val1okay && val2okay) { double result = 0; string op = ""; switch (e.CommandName) { case "add": op = "+"; result = dVal1 + dVal2; break; case "subtract": op = "-"; result = dVal1 - dVal2; break; case "multiply": op = "*"; result = dVal1 * dVal2; break; case "divide": op = "/"; result = dVal1 / dVal2; break; } labMessage.Text = txtValue1.Text + op + txtValue2.Text + "=" + result; Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 16
November 21, 2009 LAB – 02 – BASIC CONTROL } else { labMessage.Text = "Unable to compute a value with these values"; } } 4 Thao tác trên CheckBox Control Yêu cầu: SV tự tìm hiểu cách tạo CheckBox control và thao tác trên sự kiện CheckChanged. 5 Thao tác trên List Control 5.1 DropDownList Bước 1: tạo trang DropDownList.aspx. Kéo thả và tạo DropDownList control với Id= - “myDrop” Bước 2: thêm các items vào theo môt trong hai cách: - Cách 1: Code design Red Blue Green Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 17
November 21, 2009 LAB – 02 – BASIC CONTROL Cách 2: Code behind ListItem li = new ListItem("Choose a color "); li.Selected = true; myDrop.Items.Add(li); myDrop.Items.Add(new ListItem("Red")); myDrop.Items.Add(new ListItem("Blue")); // Specify both display text and value myDrop.Items.Add(new ListItem("Green", "#00FF00")); Bước 3: Thay đổi style cho các item - myLab.Text = "Red text here"; myLab.Attributes["style"] = "background-color:red;"; myDrop.Items[0].Attributes["style"] = "background-color:red;"; myDrop.Items[1].Attributes["style"] = "background-color:green;"; myDrop.Items[2].Attributes["style"] = "background-color:blue;"; myDrop.Attributes["style"] = "background-color:yellow;"; myDrop.Items[1].Enabled = false; Bước 4: Test các kết quả thu được - 5.2 ListBox Bước 1: tạo trang ListBox.aspx. Kéo thả và tạo ListBox control với Id= “myList” - Bước 2: tạo code design - Choose multiple colors (use ctrl or shift): Red Magenta Yellow Green Cyan Blue Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 18
November 21, 2009 LAB – 02 – BASIC CONTROL Bước 3: tạo code behind - protected void Page_Load(object sender, EventArgs e) { if (IsPostBack) { labResult.Text = "Colors chosen: "; foreach (ListItem li in myList.Items) { if (li.Selected) { labResult.Text += "" + li.Text; labResult.Text += ""; } } } } Bước 4: Test kết quả thu được - Trường Đại Học Khoa Học Tự Nhiên | Lập trình ASP.Net 19

CÓ THỂ BẠN MUỐN DOWNLOAD

THÔNG TIN

TRỢ GIÚP

HỖ TRỢ KHÁCH HÀNG

Theo dõi chúng tôi

Chịu trách nhiệm nội dung:

Nguyễn Công Hà - Giám đốc Công ty TNHH TÀI LIỆU TRỰC TUYẾN VI NA

LIÊN HỆ

Địa chỉ: P402, 54A Nơ Trang Long, Phường 14, Q.Bình Thạnh, TP.HCM

Hotline: 093 303 0098

Email: support@tailieu.vn