Bài giảng Lập trình ứng dụng Web - Chương 3: HTML Server control và Web Server Control

System.Web.UI.Control WebControl AdRotator BaseDataList DataGrid DataList Button Calendar CheckBox RadioButton HyperLink Image ImageButton Label BaseValidator BaseCompareValidator Custom[r]

(1)

CHƯƠNG III:

HTML SERVERCONTROL VÀ WEB SERVER CONTROL

(2)

I. HTML Server Control

 Các HTML control thông thường nh <h1>, ư

<a>, <input> s không đẽ ược x lý b i server ử mà được g i tr c ti p cho browser đ hi n thử ự ế ể ể ị

 Các HTML control có th để ược x lý ngay t i ử

phía server b ng cách chuy n chúng thành ằ ể

(3)

 Chuy n m t HTML control thành m t HTML server ể ộ ộ

control b ng cách thêm thu c tính ằ ộ runat=”server” vào trong các tag HTML

 Cú pháp:

Ví d :ụ

<input type=“text” name=“txtName” runat=“server”/> <TagName runat=“server”></TagName>

(4)

 T t c HTML Server Control ph i đấ ả ả ược đ t ặ

trong tag <form> v i thu c tính ớ ộ runat = “server”

 HTML Server Control t n t i bên trong khơng ồ

(5)

(6)

 Các s ki n (ự ệ event) c a HTML server Controlủ :

 onServerClick

 onServerChange  onStartSelect,… Cú pháp:

 L u ýư : Function khơng có tham số

(7)

Ví d :ụ

<input type=“Submit” value=“Gui” id=“btnSend”

(8)

 Cách l y d li u t các HTML serverấ ữ ệ ừ

Cú pháp:

 Đ i v i tag DIV, SPAN dùng thu c tính ố ớ ộ

.innerHTML

(9)

Ví d :ụ

public void btnSend_ServerClick(object

sender,System.EventArgs e) {

String strName;

strName=txtName.Value;

Response.Write(“Hello :”+strName) }

(10)

Ví dụ

<script runat="server">

void Button_ServerClick(object sender, EventArgs e) {

MySpan.InnerHtml = “Chao ban : " + myText.Value + ".";

}

</script></head> <body>

<form id="myForm" runat="server">

<input type="text" id="myText" runat="server"><br> <input id="Submit1" type="submit" Value="Click

Here!"

OnServerClick="Button_ServerClick" runat="server">

<span id="MySpan" runat="server"/><b> </form>

(11)

II Web Server Control

 Web server control là nh ng tag đ c bi t c a ữ ặ ệ ủ

ASP.NET. Các control này được x lý trên server ử và địi h i ph i có thu c tính ỏ ả ộ runat= “server”

 Web server control t n t i bên trong không gian ồ

tên System.Web.UI.WebControls

 Cú pháp:

(12)

(13)

Nhóm control c b nơ ả

 Cú pháp chung:

 Các control c b n g m:ơ ả ồ

(14)

 Label  Textbox  Button

 CheckBox and Radio

 Image, Hyperlink, Panel  List Controls group

 Table

(15)

 Label server control: dùng hi n th văn b n ể ị ả

trên trình duy t.ệ Thu c tínhộ :

Text: s d ng đ nh n ho c gán textử ụ ể ậ ặ ví d : ụ

<asp:Label ID=“lblMsg" runat="server"> </asp:Label>

String strName=lblMsg.Text; Or

(16)

 TextBox:dùng đ nh p li u t ngể ậ ệ ườ ụi s d ng

và hi n th văn b n ch đ c ể ị ả ỉ ọ

 Thu c tính : ộ

 AutoPostBack: có 2 giá tr True và False khi ị m t hành đ ng trên trang web b y m t s ộ ộ ẩ ộ ự ki n.ệ

Ví d : ụ

(17)

 TextMode: Lo i textbox: singleLine, ạ MultiLine, Password

 Text: tr v giá tr ho c gán giá trả ề ị ặ ị  ReadOnly: D li u không thay đ iữ ệ ổ Ví d :ụ

<asp:TextBox ID=“txtName“ runat="server"> </asp:TextBox>

(18)

 S ki n: ự ệ

 Text_Changed()

 Focus(): cho phép đ a tr v ph n t ư ỏ ề ầ được ch đ nh trên form.ỉ ị

ví d : ụ

(19)

 Button: thường s d ng đ submit formử ụ ể

 Phân lo i:ạ  Button

 LinkButton  ImageButton  S ki nự ệ

 Onclick()

(20)

 Checkbox

 Các thu c tính:ộ  AutoPostBack  Checked

 Text  S ki n:ự ệ