Bài giảng Lập trình ứng dụng Web - Chương 3: HTML Server control và Web Server Control
Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (962.87 KB, 20 trang )
<span class='text_page_counter'>(1)</span><div class='page_container' data-page=1>
<i><b>CH</b></i>
<i><b>ƯƠ</b></i>
<i><b>NG III:</b></i>
<b>HTML SERVERCONTROL VÀ </b>
<b>WEB SERVER CONTROL</b>
</div>
<span class='text_page_counter'>(2)</span><div class='page_container' data-page=2>
<b>I.</b>
<b>HTML Server Control</b>
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 <i>HTML control</i> có th để ược x lý ngay t i ử ạ
phía server b ng cách chuy n chúng thành ằ ể
</div>
<span class='text_page_counter'>(3)</span><div class='page_container' data-page=3>
<b>I.</b>
<b>HTML Server Control</b>
Chuy n m t HTML control thành m t HTML server ể ộ ộ
control b ng cách thêm thu c tính ằ ộ <b><sub>runat=”server” </sub></b>
vào trong các tag HTML
Cú pháp:
Ví d :ụ
<input type=“text” name=“txtName” runat=“server”/>
<b><TagName runat=“server”></TagName></b>
</div>
<span class='text_page_counter'>(4)</span><div class='page_container' data-page=4>
<b>I.</b>
<b>HTML Server Control</b>
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 ồ ạ
</div>
<span class='text_page_counter'>(5)</span><div class='page_container' data-page=5></div>
<span class='text_page_counter'>(6)</span><div class='page_container' data-page=6>
<b>I.</b>
<b>HTML Server Control</b>
<b>Các s ki n (ự ệ</b> <b>event) c a HTML server Controlủ</b> :
onServerClick
onServerChange
onStartSelect,…
Cú pháp:
L u ýư : <i>Function khơng có tham số</i>.
<tagName event=“Function_Process”></tagName>
</div>
<span class='text_page_counter'>(7)</span><div class='page_container' data-page=7>
<b>I.</b>
<b>HTML Server Control</b>
Ví d :ụ
<input type=“Submit” value=“Gui” id=“btnSend”
</div>
<span class='text_page_counter'>(8)</span><div class='page_container' data-page=8>
<b>I.</b>
<b>HTML Server Control</b>
<b>Cách l y d li u t các HTML serverấ</b> <b>ữ ệ</b> <b>ừ</b> <i><b> </b></i>
<b>Cú pháp:</b>
<b>Đ i v i tag DIV, SPAN dùng thu c tính ố ớ</b> <b>ộ</b>
<b>.innerHTML </b>
</div>
<span class='text_page_counter'>(9)</span><div class='page_container' data-page=9>
<b>I.</b>
<b>HTML Server Control</b>
V<sub>í d :</sub>ụ
<script runat=“server”>
public void btnSend_ServerClick(object
sender,System.EventArgs e)
{
String strName;
strName=txtName.Value;
Response.Write(“Hello :”+strName)
}
</div>
<span class='text_page_counter'>(10)</span><div class='page_container' data-page=10>
Ví d
ụ
<b><script runat="server"></b>
<b>void Button_ServerClick(object sender, EventArgs e)</b>
<b>{</b>
<b>MySpan.InnerHtml = “Chao ban : " + myText.Value + </b>
<b>".";</b>
<b>}</b>
<b></script></head></b>
<b><body></b>
<b><form id="myForm" runat="server"></b>
<b><input type="text" id="myText" runat="server"><br></b>
<b><input id="Submit1" type="submit" Value="Click </b>
<b>Here!"</b>
<b>OnServerClick="Button_ServerClick" </b>
<b>runat="server"></b>
<b><span id="MySpan" runat="server"/><b></b>
<b></form></b>
</div>
<span class='text_page_counter'>(11)</span><div class='page_container' data-page=11>
<b>II. Web Server Control</b>
<b>Web server control</b> 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 ỏ ả ộ <b><sub>runat= “server”</sub></b>
<b>Web server control t n t i bên trong khơng gian </b>ồ ạ
tên System.Web.UI.WebControls
Cú pháp:
</div>
<span class='text_page_counter'>(12)</span><div class='page_container' data-page=12></div>
<span class='text_page_counter'>(13)</span><div class='page_container' data-page=13>
<b>II. Web Server Control</b>
<b>Nhóm control c b nơ ả</b>
Cú pháp chung:
<b>Các control c b n g m:ơ ả</b> <b>ồ</b>
</div>
<span class='text_page_counter'>(14)</span><div class='page_container' data-page=14>
Label
Textbox
Button
CheckBox and Radio
Image, Hyperlink, Panel
List Controls group
Table
</div>
<span class='text_page_counter'>(15)</span><div class='page_container' data-page=15>
<b>II. Web Server Control</b>
<b>Label server control: dùng hi n th văn b n </b>ể ị ả
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
</div>
<span class='text_page_counter'>(16)</span><div class='page_container' data-page=16>
<b>II. Web Server Control</b>
<b>TextBox:dùng đ nh p li u t ng</b>ể ậ ệ ừ ườ ử ụi s d ng
và hi n th văn b n ch đ c ể ị ả ỉ ọ
<i><b>Thu c tính : </b><b>ộ</b></i>
<i><b>AutoPostBack: </b></i>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 : ụ
</div>
<span class='text_page_counter'>(17)</span><div class='page_container' data-page=17>
<b>II. Web Server Control</b>
<b>TextMode: Lo i textbox: singleLine, </b>ạ
MultiLine, Password
<b>Text: tr v giá tr ho c gán giá tr</b>ả ề ị ặ ị
<b>ReadOnly: D li u không thay đ i</b>ữ ệ ổ
Ví d :ụ
<asp:TextBox ID=“txtName“ runat="server">
</asp:TextBox>
</div>
<span class='text_page_counter'>(18)</span><div class='page_container' data-page=18>
<b>II. Web Server Control</b>
<i><b>S ki n: </b><b>ự ệ</b></i>
<b>Text_Changed()</b>
<b>Focus(): cho phép đ a tr v ph n t </b>ư ỏ ề ầ ử
được ch đ nh trên form.ỉ ị
ví d : ụ
</div>
<span class='text_page_counter'>(19)</span><div class='page_container' data-page=19>
<b>II. Web Server Control</b>
<b>Button: th</b>ường s d ng đ submit formử ụ ể
<i><b>Phân lo i:</b><b>ạ</b></i>
Button
LinkButton
ImageButton
<i><b>S ki n</b><b>ự ệ</b></i>
Onclick()
</div>
<span class='text_page_counter'>(20)</span><div class='page_container' data-page=20>
<b>II. Web Server Control</b>
<b>Checkbox</b>
<i><b>Các thu c tính:</b><b>ộ</b></i>
<b>AutoPostBack</b>
<b>Checked</b>
<b>Text</b>
<i><b>S ki n:</b><b>ự ệ</b></i>
</div>
<!--links-->
