Lập trình ASP.NET_Xây dựng giao diện Website pot

Các phương thức xử lý sự kiện Methods Dùng để thể hiện giao diện web 3 1.. Html Server Controls runat=“server” Có thể lập trình gắn kết xử lý sự kiện, truy xuất thuộc tính của HTML Serv

Môn học: Lập trình ASP.NET

Standard Server Control

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

-


-Nội dung trình bày

1 HTML server controls

2 Web server controls

3 Validation server controls

4 Web User Controls

2

Các phương thức xử lý sự kiện (Methods)

Dùng để thể hiện giao diện web

3

1 Html Server Controls

runat=“server”

Có thể lập trình gắn kết xử lý sự kiện, truy xuất thuộc

tính của HTML Server Controls

4

<input type="text" id="Text1“ runat="server"

onserverchange="Text1_ServerChange" />

2 Web Server Controls - wsc

ASP.NET server control

Gắn kết với thuộc tính runat = ‘server’

Cung cấp các cách thể hiện giao diện phức tạp hơn

như (calendars, data lists, data sources, tree views)

5

Server Controls & HTML Controls

Server control HTML control

Hiển thị Text Label, Literal, TextBox Label, Text Field, Text Area,

Password Field

DataList , Repeater List Box, Dropdown

Hiển thị

6

Server Controls & HTML Controls

7

Server control HTML control

Có thể tiến hành get hoặc set giá trị các properties

của server control tại thời điểm runtime.

Demo ?

9

Các Control trong ASP.NET

10

a.Label control

Hiển thị nội dụng của static text

Được render thành HTML <span> element.

Mục đích sử dụng: Thể hiện nôi dụng thông báo

(lỗi, kết quả) sau khi xảy ra một sự kiện hay sau

Cho phép thể hiện một dòng hay nhiều dòng text

Sự kiện căn bản: TextChange

Tất cả các button control đều tiến hành postback về

server khi xảy ra sự kiện click

Có thể chọn kích hoạt một trong hai hàm xử lý sự

kiện chính khi thực hiện click vào Button

Click: sử dụng cho từng button

Command: sử dụng khi nhiều button cùng loại share

chung một hàm xử lý sự kiện

CommandEvent

16

Button và client side event

ASP.NET cho phép tất cả các control có thể xử lý

Chọn lựa trạng thái True hoặc False

Thuộc tính quan trọng: Checked

Sự kiện quan trọng: CheckChanged

CheckChanged

18

3 Validation server control

Khái niệm Input Validation

ASP.NET Validation Controls

22

Khái niệm Input Validation

Kiểm tra một giá trị cần nhập liệu vào một control

23

Validation controls

Validation control kiểm tra tính đúng đắn của dữ liệu do client nhập

vào trước khi trang được gửi về cho server

Validation control Sử dụng khi

RequiredFieldValidator Kiểm tra nếu dữ liệu trong control khác giá trị cho

trước (mặc định là rỗng)CompareValidator Kiểm tra nếu mục dữ liệu nhập trong control giống

với control khác hoặc so sánh với một giá trị cụ thểRangeValidator Kiểm tra nếu mục dữ liệu nhập trong control nằm

trong khoảng 2 giátrị

Sử dụng Validation Control

 Kéo thả 1 validate control vào Web form

 Thiết lập các thuộc tính cho validate control:

 ControlToValidate là control bạn muốn kiểm tra

 ErrorMessage : Thông báo lỗi

 Text : Hiển thị của validate control

 Sử dụng ValidationSummary control để hiển thị

tất cả các lỗi xảy ra trong trang

Mặc dù việc kiểm tra xảy raở client, nhưng nó chỉthực hiện khi có 1 sự

kiện post-back xảy ra!

25

Ví dụ

 Đặ t thu ộ c tính ErrorMessage cho Validate control

Required Field Validator

Operator Toán tử so sánh: Equal, GreaterThan, GreaterThanEqual,

LessThan, LessThanEqual, NotEqual, hoặc DataTypeCheckValueToCompare Giá trị hằng số để so sánh ControlToValidate với Operator

Type Kiểm tra kiểu dữ liệu của ControlToValidate: String, Integer,

Double, Date, Currency

Ví dụ - Kiểm tra Mật khẩu và Xác

Text="Passwords must match" />

hơn hoặc bằng 18

Age: <asp:TextBox ID="txtAge" runat="server"></asp:TextBox>

<asp:CompareValidator ID="compAge" runat="server"

Ví dụ - Kiểm tra dữ liệu là kiểu

Enter a number between 1 and 20:<br />

<asp:TextBox ID="txtNumber" runat="server"></asp:TextBox>

<asp:RangeValidator ID="rangeNum" runat="server"

ControlToValidate="txtNumber"

Thuộc tính Ý nghĩa

ControlToValidate Control dùng để thực hiện kiểm tra

MinimumValue Giá trị cận dưới

MaximumValue Giá trị cận trên

Type Kiểm tra kiểu dữ liệu của ControlToValidate: String, Integer,

Double, Date, Currency

Regular Expression Validator

[qwerty] Có chứa Ký tự bất kỳ trong ngoặc vuông

[^qwerty] Không chứa ký tự nào trong ngoặc vuông

Regular Expression Validator

Ví dụ: Tự Kiểm tra trên Server

protected void MyValidate(object source,

ServerValidateEventArgs args) {

args.IsValid = false;

if (TextBox1.Text == "abc") args.IsValid = true;

Web User Controls

control

riêng

asp.net

41

Tạo Web User Control

Tạo Web User Control (tt)

43

Sử dụng Web User Control