Ứng dụng Web - Chương 3

Chương 3
Điều khiển Web
Mục tiêu
Giải thích điều khiển Web Control
Tại sao các điều khiền là đối tượng
Dùng điều khiển cho nhập chuỗi
Dùng điều khiển di chuyển
Dùng điều khiển chọn
Dùng Rich Control
Điều khiển Web
Điều khiển
ASP.NET
Intrinsic
List
Rich
Validation
Điều khiển Web là các đối tượng
Giống đối tượng, điều khiển Web gồm các phương thức, thuộc tính và sự kiện.
Chúng ta có thể thiết lập thuộc tính và gọi phương thức của điều khiển Web khi chúng được nhúng vào trong trang Web.
Mã phía server được viết cho các điều khiển Web tương ứng các sự kiện mà chúng xuất hiện phía client.
Điều khiển Web là các đối tượng – Ví dụ


Điều khiển Web là các đối tượng – Ví dụ

Điều khiển Web là các đối tượng – Kết xuất
Trước khi chọn nút
Sau khi chọn nút
HTML Controls
Intrinsic Controls







< textarea>
Intrinsic Controls

Single-line entry
Multi-line entry

Password entry

Text Entry - Intrinsic Control
Gởi dữ liệu về server
Di chuyển giữa các trang
Lưu hay truy xuất dữ liệu từ server
Link Button
Button
ImageButton
Hyperlink
Control Transfer - Intrinsic Control
Control Transfer

CheckBox
Intrinsic Control: Selection

Maths
Science
English
Computers

CheckBoxList
Intrinsic Control: Selection
RadioButton
groupname="radio" runat="server"/>
groupname="radio" runat="server"/>



ListBox
DropDownList
Intrinsic Control: Selection

Red
Blue
Green
Yellow

RadioButonList
ArrayList arrlist= new ArrayList();
arrlist.Add ("Four");
arrlist.Add ("Five");
arrlist.Add ("Six");
ddl.DataSource =arrlist;

void Page_Load (Object Src, EventArgs E)
{
ddl.Items.Add("<10");
ddl.Items.Add("10-20");
ddl.Items.Add("20-30");
ddl.Items.Add("30-40");
ddl.Items.Add("40-50");
ddl.Items.Add(">50");
}

One
Two
Three


One
Two
Three

1
2
3
Intrinsic Control: Selection –
Các phương thức thao tác dữ liệu




Điều khiển container có thể chứa các điều khiển khác.
Sử dụng để hiển thị hay ẩn điều khiển
Container
Rich controls là các điểu khiển phía server dùng để tạo các phần tử HTML phức tạp.
ADRotator
Dùng để thay đổi các quảng cáo trên trang
Cung cấp các chức năng đầy đủ về lịch
Calendar
Rich Controls













Đường dẩn URL tương đối hay tuyệt đối
Của tập tin hình ảnh
Website đích khi chọn quảng cáo
Văn bản được hiển thị khi di chuyển chuọt qua hình ảnh
Loại quảng cáo
Độ ưu tiên của quảng cáo trong lịch xoay
AdRotator
AdRotator – Kết xuất
Điều khiển Calendar
Sử dụng đơn giản, cung cấp cho chúng ta chức năng của lịch.
Lịch có thể được định dạng để phù hợp với giao diện của trang Web.
Ví dụ -
backcolor="white" forecolor="black" borderwidth="2" Bordercolor="black" showgridlines="true"/>
Điều khiển Calendar
Trong hầu hết trường hợp, lịch thường cho phép chọn ngày thay vì nhập tay.
Điều khiển calendar có hai sự kiện:
Date Change
Month Change
Calendar Control – Ví dụ


Calendar Control – Ví dụ

OnSelectionChanged="date_changed" OnVisibleMonthChanged="month_changed" SelectionMode="DayWeekMonth" borderwidth="3" Bordercolor="red" showgridlines="true">

Calendar Control – Ví dụ

Calendar Control - Output
Tóm tắt
Có 4 loại điều khiển trong ASP.NET:
Intrinsic Controls
List Controls
Rich Controls
Validation Controls

Giống đối tượng các điều khiển có phương thức, thuộc tính và sự kiện.

ASP.NET cung cấp 3 điều khiển cho nhập chuỗi:
Một dòng
Nhiều dòng
Mật khẩu
Tóm tắt…
Có 4 điều khiển dùng để di chuyển giữa các trang hay truyền điều khiển đến một trang nào đó:
Button
LinkButton
ImageButton
Hyperlink
ASP.NET cung cấp các điều khiển chọn lựa:
Checkbox
RadioButton
Listbox
DropDownList
ASP.NET cung cấp các điều khiển container để chứa các điều khiển khác.
ASP.NET cung cấp 2 rich control:
AdRotator Control
Calendar Control