Bài 2 - SERVER CONTROLS Asp.net

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/

22
HocLapTrinhWeb.COM
Mục tiêuMục tiêu
• Sử dụng thành thạo các điều khiển:
− HTML Server Controls
− Web Server Controls
− Specialized Controls
• Các sự kiện cơ bản trên trang .aspx
• Làm việc với đối tượng ViewState

33
HocLapTrinhWeb.COM
Nội dungNội dung
1.1. Tổng quan về ASP.Net Server ControlsTổng quan về ASP.Net Server Controls1.1. Tổng quan về ASP.Net Server ControlsTổng quan về ASP.Net Server Controls
2. Đối tượng Asp.Net Page2. Đối tượng Asp.Net Page2. Đối tượng Asp.Net Page2. Đối tượng Asp.Net Page
4. Web Server Controls4. Web Server Controls4. Web Server Controls4. Web Server Controls
5. Các điều khiển khác5. Các điều khiển khác5. Các điều khiển khác5. Các điều khiển khác
6. Đối tượng ViewState6. Đối tượng ViewState6. Đối tượng ViewState6. Đối tượng ViewState
3. HTML Server Controls3. HTML Server Controls3. HTML Server Controls3. HTML Server Controls

44
HocLapTrinhWeb.COM
Tổng quan về ASP.NET Server ControlsTổng quan về ASP.NET Server Controls
• Giới thiệu các nhóm điểu khiển trên thanh
Toolbox
• Các kiểu Server Control



55
HocLapTrinhWeb.COM
• Giới thiệu các nhóm điều khiển trên thanh
ToolBox
Bài 2: Server Controls
Tổng quan về ASP.NET Server Controls

66
HocLapTrinhWeb.COM
• Các kiểu Server Controls
− HTML Server Controls
− Web Server Controls

77
HocLapTrinhWeb.COM
• Khi nào sử dụng HTML Server Control
− Điều khiển cần phải có đoạn JavaScript kèm theo sự kiện
− Có nhiều code JavaScript tham chiếu đến điều khiển đó
• Khi nào sử dụng Web Server Control
− Không rơi vào các trường hợp trên

88
HocLapTrinhWeb.COM
1.1. Tổng quan về Server ControlsTổng quan về Server Controls1.1. Tổng quan về Server ControlsTổng quan về Server Controls

99
HocLapTrinhWeb.COM
ASP.NET PageASP.NET Page
• Sự kiện
• Thuộc tính



1010
HocLapTrinhWeb.COM
• Sự kiện
− Trình tự các sự kiện xảy ra khi render một trang web
(Page Life-Cycle Events)
ASP.NET Page

1111
HocLapTrinhWeb.COM
ASP.NET Page
Page_PreInit()
Page_Init()
Page_IntComplete()
Page_PreLoad()
Page_Load()
Page_UnLoad()
Page_PreRender()
Thuờng dùng: kiểm tra trang có Postback không,
tạo Theme động, Master động, điều khiển động
Thuờng dùng để đọc hoặc đặt giá trị thuộc tính cho
điều khiển
Cài đặt các xử lý khởi động ban đầu, thường dùng
tạo connection
Xảy ra trước khi trang web được render, trả kết quả
về cho Client
Nếu có PostBack thì phát sinh sự kiện của điều
khiển, như Click của Button, …
Minh họaMinh họa

1212
HocLapTrinhWeb.COM
• Thuộc tính
− IsPostBack (True/False): trả về trạng thái của trang web,
cho biết được load lần đầu tiên hay không
− MaintainScrollPositionOnPostBack (True/False): có giữ
nguyên vị trí mà người dùng đang đọc sau khi PostBack
không
ASP.NET Page

1313
HocLapTrinhWeb.COM

1414
HocLapTrinhWeb.COM
HTML Server ControlsHTML Server Controls
• HTML Controls
• HTML Server Controls



1515
HocLapTrinhWeb.COM
• HTML Controls
− Được tạo ra từ tag HTML tĩnh
− Thường được sử dụng lập trình ở phía client
− Thuộc tên miền System.Web.UI.HtmlControls
HTML Server Controls

1616
HocLapTrinhWeb.COM
• HTML Server Controls
− Sử dụng HTML Controls trong quá trình lập trình ở phía
server, ta thực hiện như sau:
 Bổ sung thuộc tính runat=“server” vào tag điều khiển
 Hoặc chọn chức năng Run As Server Control từ thực đơn
ngữ cảnh
− Điểu khiển có thuộc tính runat=“server” gọi là HTML
Server Controls
HTML Server Controls

1717
HocLapTrinhWeb.COM

1818
HocLapTrinhWeb.COM
Web Server ControlsWeb Server Controls
• Giới thiệu
• Label
• HyperLink
• TextBox
• Image
• Button, ImageButton, LinkButton
• CheckBox, RadioButton








1919
HocLapTrinhWeb.COM
• Giới thiệu
− Web Server Controls là các đối tượng của .Net
Framework
− Được chuyển đổi sang dạng HTML tĩnh lúc thực thi
− Thường được sử dụng lập trình ở phía server
− Thuộc tên miền System.Web.UI.WebControls
− HTML Source lúc thiết kế có dạng:
<asp:textbox attributes runat="server" />
Web Server Controls

2020
HocLapTrinhWeb.COM
• Label
− Dùng để hiển thị thông tin
− Thuộc tính Text có thể nhận và hiển thị nội dung với các
tag HTML.
Web Server Controls

2121
HocLapTrinhWeb.COM
• TextBox
− Dùng để nhập và hiển thị dữ liệu
− Text: nội dung chứa trong TextBox
− TextMode (SingleLine,MultiLine,Password ): định dạng
hiển thị của Textbox.
− Wrap: có được phép tự động xuống dòng hay không
Web Server Controls

2222
HocLapTrinhWeb.COM
• HyperLink
− Dùng để tạo ra các liên kết siêu văn bản
− ImageURL: hình ảnh hiển thị trên điều khiển (ưu tiên)
− Text: chuỗi văn bản hiển thị trên điều khiển.
− NavigateUrl: đường dẫn cần liên kết đến
− Target(_blank, _self, _parent): dạng cửa sổ hiển thị trang
kết quả
Web Server Controls

2323
HocLapTrinhWeb.COM
• Image
− Dùng để hiển thị hình ảnh
− ImageURL: đường dẫn đến tập tin hình ảnh cần hiển thị.
− AlternateText: chuỗi văn bản sẽ hiển thị khi đường dẫn
của thuộc tính ImageURL không tồn tại.
Web Server Controls

2424
HocLapTrinhWeb.COM
• Button, LinkButton, ImageButton
− Sẽ PostBack về server khi được chọn
− CausesValidation(True/False): có kiểm tra tính hợp lệ
trên trang web không
− OnClientClick: ngôn ngữ Client-side script sẽ được thi
hành ở mức client
Web Server Controls

2525
HocLapTrinhWeb.COM
• CheckBox và RadioButton
− Checked: cho biết trạng thái của điều khiển có được chọn
hay không
− TextAlign: qui định vị trí hiển thị của điều khiển so với
chuỗi văn bản
− GroupName: nhóm các điều khiển thành một nhóm, dành
cho RadioButton
Web Server Controls

2626
HocLapTrinhWeb.COM

2727
HocLapTrinhWeb.COM
Các điều khiển khácCác điều khiển khác
• Panel và PlaceHolder
• Table
• Calendar
• FileUpLoad
• View, MultiView






2828
HocLapTrinhWeb.COM
• Panel, PlaceHolder
− Được sử dụng để chứa các điều khiển khác
− Điều khiển Panel cho phép đặt những điều khiển khác
vào bên trong lúc thiết kế còn PlaceHolder thì không
− Xử lý thêm điều khiển khác vào lúc thực thi:
TextBox txtSo_A = new TextBox();
<Điều khiển Panel | Placeholder>.Controls.Add(txtSo_A);
Các điều khiển khác

2929
HocLapTrinhWeb.COM
• Table
− Dùng để thao tác, thể hiện dữ liệu dưới dạng bảng
− Bao gồm tập hợp các dòng - TableRow (thông qua
thuộc tính Rows), mỗi dòng được tạo thành từ tập hợp
các ô - TableCell (thông qua thuộc tính Cells)
− Mỗi ô trong Table có thể chứa các điều khiển khác

3030
HocLapTrinhWeb.COM
• Calendar
− Dùng để thể hiện lịch trong tháng
− Sự kiện:
 SelectionChanged: khi thay đổi ngày khác
 VisbleMonthChanged: khi thay đổi tháng khác
 DayRender: khi các ngày được tạo ra

3131
HocLapTrinhWeb.COM
• FileUpLoad
− Dùng để upload tập tin về server
− Thuộc tính:
• HashFile (True/False): điều khiển có khai báo tập tin chưa
• FileName: trả về tên tập tin được upload
− Phương thức:
• SaveAs: upload tập tin lên Server

3232
HocLapTrinhWeb.COM
• MultiView và View
− Là control container, dùng để chứa các điều khiển khác
− MultiView gồm có nhiều View
− Thuộc tính:
• ActiveViewIndex: chỉ số của view hiện hành
− Phương thức:
• SetActiveView: thay đổi view hiện hành

3333
HocLapTrinhWeb.COM

3434
HocLapTrinhWeb.COM
Đối tượng ViewStateĐối tượng ViewState
• Giới thiệu
• Sử dụng



3535
HocLapTrinhWeb.COM
• Giới thiệu
− Dùng để lưu lại những thông tin của trang web sau khi
Web Server gởi kết quả về cho client
 Quản lý tình trạng ở mức client
− Thuộc tính EnableViewState của trang web cho phép sử
dụng đối tượng này hay không (True/False)
Đối tượng ViewState

3636
HocLapTrinhWeb.COM
• Sử dụng:
 Gán giá trị cho ViewState:
ViewState[“Tên trạng thái”] = <Giá trị>;
 Nhận giá trị:
<Biến> = ViewState[“Tên trạng thái”];
Lưu ý: “Tên trạng thái” có phân biệt chữ HOA/thường
Đối tượng ViewState

3737
HocLapTrinhWeb.COM
HẾTHẾT

Bài 2 - SERVER CONTROLS Asp.net

Empfohlen

Empfohlen

Weitere ähnliche Inhalte

Andere mochten auch

Andere mochten auch (19)

Mehr von MasterCode.vn

Mehr von MasterCode.vn (20)

Bài 2 - SERVER CONTROLS Asp.net

Hinweis der Redaktion