Bài 5 - Web User Controls Asp.net
Download as PPT, PDF3 likes5,922 views
Tài liệu hướng dẫn về việc tạo và sử dụng web user controls trong lập trình web, bao gồm cách thiết kế và load động các control. Nó cung cấp thông tin chi tiết về quy trình tạo file .ascx và cách sử dụng trong trang .aspx thông qua các phương pháp khác nhau. Ngoài ra, tài liệu còn đề cập đến việc load động các user controls trong các tình huống cụ thể.
Bài 5 - Web User Controls Asp.net
- 1. 11 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/
- 2. 22 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ Mục tiêuMục tiêu • Tạo và sử dụng Web User Controls
- 3. 33 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ Nội dungNội dung 1.1. Giới thiệuGiới thiệu1.1. Giới thiệuGiới thiệu 2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls 3. Load động User Controls3. Load động User Controls3. Load động User Controls3. Load động User Controls
- 4. 44 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ • Giới thiệu − Khi kết hợp các control để tạo thành một control mới gọi là Web User Controls (UC) − Sử dụng UC cũng tương tự như sử dụng thủ tục/hàm Khả năng tái sử dụng UC trên các trang web Bài 5: Web User Controls Giới thiệu
- 5. 55 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ Nội dungNội dung 1.1. Giới thiệuGiới thiệu1.1. Giới thiệuGiới thiệu 2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls 3. Load động User Controls3. Load động User Controls3. Load động User Controls3. Load động User Controls
- 6. 66 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ • Thao tác tạo Bài 5: Web User Controls Tạo và sử dụng User Controls
- 7. 77 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ • Thao tác tạo − Tập tin lưu trữ UC có phần mở rộng là .ascx − Thiết kế: giống như thiết kế một trang aspx − Điểm khác biệt với trang aspx: • Thay thế tag định hướng <%@ Page …%> bằng tag <%@ Control … %> • Không có tag <html></html> và <body> </body> Bài 5: Web User Controls Tạo và sử dụng User Controls Minh họaMinh họa
- 8. 88 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ • Sử dụng − Có 2 cách: • Kéo và thả UC vào trang aspx. Lúc đó, trang aspx sẽ xuất hiện tag định hướng <%@ Register … %> • Cấu hình trong tập tin web.config Bài 5: Web User Controls Tạo và sử dụng User Controls Minh họaMinh họa <system.web><pages> <controls> <add tagPrefix=“tiếp đầu ngữ của tag" tagName=“tên tag" src=“<tên tập tin>.ascx"/> </controls> </pages></system.web>
- 9. 99 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ • Sử dụng − Có 2 cách: Bài 5: Web User Controls Tạo và sử dụng User Controls Minh họaMinh họa Ví dụ: // Khai báo trong web.config <controls > <add tagPrefix=“Cuoitrang" tagName=“TH_FOOTER" src="~/The_hien/TH_FOOTER.ascx"/> </controls> //Sử dụng trên trang aspx: <Cuoitrang:TH_FOOTER ID="TH_FOOTER1" runat="server" />
- 10. 1010 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ Nội dungNội dung 1.1. Giới thiệuGiới thiệu1.1. Giới thiệuGiới thiệu 2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls2. Tạo và sử dụng User Controls 3. Load động User Controls3. Load động User Controls3. Load động User Controls3. Load động User Controls
- 11. 1111 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ • Khi nào load động UC − Trong một trang aspx có yêu cầu sử dụng nhiều UC trên cùng một vị trí của trang − Bài toán thường gặp: • Khi chuỗi tham số của đối tượng Request thay đổi Bài 5: Web User Controls Load động User Controls Minh họaMinh họa
- 12. 1212 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ • Các bước thực hiện: trên trang .aspx − Tạo điều khiển Panel − Vào sự kiện Page_Load, viết đoạn code sau: Bài 5: Web User Controls Load động User Controls Minh họaMinh họa
- 13. 1313 HỌC LẬP TRÌNH WEB TỪ CƠ BẢN ĐẾN NÂNG CAO HocLapTrinhWeb.COM α - Tek http://www.facebook.com/groups/hoclaptrinhweb/ HẾTHẾT Bài 5: Web User Controls
Editor's Notes
- #2: Thời lượng : 5 tiết
- #5: ASP.Net chia làm 3 kiểu Control tuỳ biến (Custom Web Control Types): User Control : là Template control, cho phép thêm các control vào tập tin .ascx Custom Web Control: là control kế thừa từ Web control Compposite Control: xây dựng thành .dll. Khi sử dụng ta bổ sung vào thanh Toolbox
- #13: Minh họa: trang User_Control Ghi chú : GV có thể mở rộng thêm về: Bổ sung và sử dụng các thuộc tính của UC Bổ sung và sử dụng các sự kiện của UC Minh họa: trang User_Control_02