Professional Documents
Culture Documents
Custom Control 10
Custom Control 10
Custom Control 10
Nội dung
2
User control
Ý nghĩa & cách sử dụng
Demo
Custom control
Cách tạo & dùng custom control
Demo
Custom control
3
Page3.aspx
Page2.aspx
Page1.aspx
User control
5
Tương tự như web form, user control được chia làm hai
phần
Phần HTML với các control tag (.ascx file)
Code behind file với phần xử lý (.cs)
User control có cùng sự kiện như một đối tượng Page
(như Load và PreRender)
Sự khác nhau giữa user control và web form
User control bắt đầu với Control directive thay vì Page
directive của Page
User control sử dụng phần mở rộng ascx thay vì aspx
User control không thể request trực tiếp từ client.
User control
6
User control
User control
10
User control là giải pháp thuận tiện khi muốn kết hợp
nhiều web control vào chung một khối thống nhất!
Sử dụng user control kết hợp text box và validation control.
Hạn chế của User control khi muốn bổ sung hoặc mở
rộng
Không thể customize lại phần HTML thể hiện với user
control
Không thể chia xẻ user control với những ứng dụng khác.
Đa số người lập trình chọn cách tạo custom web control
với đầy đủ tính năng hơn.
User control
13
Demo tạo user control có text box yêu cầu phải nhập giá
trị số
Các bước thực hiện
Tạo project DemoUserControl
Tạo User control tên NumberTextBox
User control
14
Kéo thả
Default.aspx
User control
18
Bổ sung thêm Label cho user control: NumberTextBox, Label này cho biết ý
nghĩa dữ liệu mà user nhập vào
Bổ sung thêm property để lấy giá trị mà user nhập trong TextBox của User
control
User control
20
Bài tập
Tạo một user control Contact
Chứa các text box cho phép nhập các thông tin
Họ tên
Cơ quan
Chức vụ
Điện thoại
Email
…
Với mỗi thông tin trên phải tạo các property tương ứng, để bên
ngoài (web page chứa user control) có thể lấy các giá trị này!
Custom control
21
Bước 3:
Tạo biến thành viên kiểu chuỗi chứa caption của textbox.
Tạo property cho chuỗi caption
Custom control
27
Đây là dạng file thư viện liên kết động, ta có thể import
vào web page để sử dụng.
Custom control
29
Custom control hiển thị trên tool box như một control
chuẩn
Custom control
32
Bài tập
Tạo một custom control cho phép hiển thị thông tin bản
quyền theo mẫu sau
©Copyright [từ năm – đến năm] [tác giả]. All rights reserved
®[tác giả] giữ bản quyền nội dung trên website này