1. Trang chủ
  2. » Nông - Lâm - Ngư

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

20 15 0

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

THÔNG TIN TÀI LIỆU

Thông tin cơ bản

Định dạng
Số trang 20
Dung lượng 0,94 MB

Nội dung

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)

I. HTML Server Control

 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)

I. HTML Server Control

 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)

I. HTML Server Control

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ố

<tagName event=“Function_Process”></tagName>

(7)

I. HTML Server Control

Ví d :ụ

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

(8)

I. HTML Server Control

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)

I. HTML Server Control

Ví d :ụ

<script runat=“server”>

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)

II Web Server Control

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)

II Web Server Control

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)

II Web Server Control

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)

II Web Server Control

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)

II Web Server Control

S  ki n: ự ệ

Text_Changed()

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

ví d : ụ

(19)

II Web Server Control

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

Phân lo i:  Button

 LinkButton  ImageButton  S  ki nự ệ

 Onclick()

(20)

II Web Server Control

Checkbox

Các thu c tính:AutoPostBackChecked

TextS  ki n:ự ệ

Ngày đăng: 01/04/2021, 00:20

TỪ KHÓA LIÊN QUAN