SlideShare a Scribd company logo
1 of 49
Download to read offline
Nguyen Ha Giang
2009
Web Control
Nội dung
 HTML control
 Web control
 Automatic post back event
2
Nguyen Ha Giang
HTML control
 HTML control có thể chuyển thành server control khi
bổ sung runat = “server”
 Cho phép xử lý trên server side, code có thể tham chiếu
đến HTML server control này thông qua ID.
3
Nguyen Ha Giang
<input type="text" size="40">
<input type="text" size="40“ runat=“server” id =“UserName” >
Server control
HTML control
 Một số thuận tiện khi chuyển HTML control sang
HTML server control
 Code có thể tham chiếu đến control này
 Server control có thể duy trì được state trong suốt round
trip đến server
 Server control có thể tạo sự kiện, code có thể xử lý
 Dễ sử dụng đối với người quen sử dụng ASP trước đây
4
Nguyen Ha Giang
HTML control
5
Nguyen Ha Giang
Điều khiển HTML trên thanh công cụ
Truy xuất nội dung của textbox
HTML control
 Minh họa dùng HTML control upload file
6
Nguyen Ha Giang
HTML control: input file
HTML span: hiển thị tình trạng upload
HTML control: input button
HTML control
7
Nguyen Ha Giang
<form id="form1" runat="server">
<div>
<table class="style1" align="center">
<tr>
<td> Chọn tập tin</td>
<td>
<input id="File1" type="file" runat="server“ /></td></tr>
<tr>
<td align="center“ colspan="2">
<input id="btnUpload" align="middle" type="button" value="Upload"
runat="server" onServerClick="btnUpload_Click"/></td> </tr>
<tr>
<td align="center“ colspan="2">
<span id="lblThongBao" runat="server"></span> </td>
</tr>
</table>
</div>
</form>
Sự kiện Click chạy trên server
HTML control
8
Nguyen Ha Giang
protected void btnUpload_Click(object sender, EventArgs e)
{
string file = File1.PostedFile.FileName;
// trích tên file trong chuỗi đường dẫn
string filename = System.IO.Path.GetFileName(file);
// chep tap tin len thu muc "upload"
File1.PostedFile.SaveAs(Server.MapPath("Upload") + filename);
// hiển thị thông báo cho user biết
lblThongBao.InnerHtml = "<i>Upload completed! </i>";
}
HTML control
9
Nguyen Ha Giang
Browse chọn file trong
máy client
Upload file lên server
Web control
 Web control
 Cung cấp mô hình đối tượng “năng động” và “mạnh mẽ”
hơn
 Bao gồm thuộc tính style, và những định dạng
 Hỗ trợ nhiều sự kiện và gần giống với Windows control
 Một số thành phần UI không có trong HTML control như
GridView, Calendar và validation.
 Web control thông minh tự động phát sinh ra tag HTML
tương ứng với trình duyệt!
10
Nguyen Ha Giang
Web control cơ bản
11
Nguyen Ha Giang
Label <span>
Button <input type="submit"> or <input type="button">
TextBox <input type="text">, <input type="password">, or <textarea>
CheckBox <input type="checkbox">
RadioButton <input type="radio">
Hyperlink <a>
LinkButton <a> chứa <img> tag
ImageButton <input type="image">
Image <img>
ListBox <select size="X">
DropDownList <select>
CheckBoxList <table> chứa nhiều<input type="checkbox"> tags
RadioButtonList <table> chứa nhiều<input type="radio"> tags
BulletedList <ol> ordered list (numbered) or <ul> unordered list (bulleted).
Panel <div>
Table <table>
Web control cơ bản
 Luôn bắt đầu bởi tiền tố asp: theo sau bởi tên lớp
 Nếu không có tag đóng thì kết thúc với />
 Mỗi thuộc tính trong tag phải tương ứng với thuộc tính
control
 Khi user request trang aspx có chứa code trên thì kết
quả code trên trả về là
12
Nguyen Ha Giang
<asp:TextBox id="TextBox1" runat="server" />
<input name="TextBox1" type="text" id="TextBox1" />
Web control cơ bản
 Web control với thuộc tính định dạng
 Các thuộc tính chung có trong các control do chúng kế
thừa thừa từ lớp cơ sở WebControl
 Khi trả về HTML, những thuộc tính được chuyển thành
các định dạng theo CSS
13
Nguyen Ha Giang
<asp:TextBox id="txt" BackColor="Yellow" Text="Hello World"
ReadOnly="true" TextMode="MultiLine" Rows="5" runat="server" />
<textarea name="txt" rows="5" cols="20"
readonly="readonly" id="txt"
style="background-color:Yellow;">Hello World</textarea>
Web control cơ bản
14
Nguyen Ha Giang
Web control
Bảng liệt kê thuộc tính chung của web control
Thuộc tính Kiểu Ý nghĩa
ID String Quy định tên của điều khiển, là duy nhất
BackColor Color Quy định màu nền
BorderColor Color Màu đường viền
BorderStyle BorderStyle Kiểu đường viền
BorderWidth Unit Độ rộng viền
CssClass String Tên của CSS được dùng cho control
Enable Boolean Quy định điều khiển có được hiển thị hay không
Font FontInfo Font cho điều khiển
ForeColor Color Màu chữ hiển thị trên control
Height Unit Chiều cao
ToolTip String Dòng chữ hiển thị khi di chuyển chuột vào
Width Unit Độ rộng điều khiển
15
Nguyen Ha Giang
Web control -Label
 Dùng để hiển thị và trình bày nội dung trên trang web.
 Nội dung hiển thị xác định qua thuộc tính Text
 Text có thể nhận và hiển thị nội dung với các tag HTML
16
Nguyen Ha Giang
<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
<br />
<asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
Hyperlink
 Điều khiển tạo ra liên kết siêu văn bản
 Các thuộc tính
 ImageUrl: hình hiển thị trên điều khiển
 Text: trong trường hợp có Text và ImageUrl thì ImageUrl
được hiển thị.
 NavigateUrl: đường dẫn liên kết
 Target: xác định cửa sổ hiển thị
 _blank: hiển thị trong cửa sổ mới
 _self: hiển thị tại chính cửa sổ có liên kết
 _parent: hiển thị liên kết ở frame cha
17
Nguyen Ha Giang
Hyperlink
 Minh họa dùng hyperlink
18
Nguyen Ha Giang
HyperLink1.Text = "Trang Web về ASP.NET";
HyperLink1.ImageUrl = @"Imageasp_net.png";
HyperLink1.NavigateUrl = "http://www.asp.net";
HyperLink1.Target = "_blank";
Textbox
 Nhập và hiển thị dữ liệu, có nhiều tương đồng với textbox của
Window Form
 Các thuộc tính
 Text: nội dung chứa trong text box
 TextMode: chức năng của textbox
 SingleLine: hiển thị và nhập trên 1 dòng
 MultiLine: trên nhiều dòng văn bản
 Password: hiển thị * thay cho ký tự trong text
 Rows: nếu TextMode=MultiLine, Rows quy định số dòng
 MaxLength: số ký tự tối đa được nhập cho textbox
 Wrap: cho phép xuống dòng khi dòng văn bản vượt quá chiều
ngang, mặc định Wrap = true
 AutoPostbBack: quy định cho phép postback về server khi nội
dung văn bản thay đổi hay không? Mặc định là không!
19
Nguyen Ha Giang
Textbox
20
Nguyen Ha Giang
<form id="form1" runat="server">
<div>
<asp:TextBox ID="TextBox1" runat="server">Trên 1 dòng</asp:TextBox>
<br />
<asp:TextBox ID="TextBox2" runat="server" Rows="5" TextMode="MultiLine">
Nhiều dòng</asp:TextBox>
<br />
<asp:TextBox ID="TextBox3" runat="server" TextMode="Password">
bc</asp:TextBox>
</div>
</form>
Image
 Hiển thị hình ảnh lên web
 Thuộc tính
 ImageUrl: đường dẫn đến tập tin cần hiển thị
 AlternateText: chuỗi hiển thị khi ảnh không tồn tại
 ImageAlign: canh lề giữa nội dung và hình ảnh
 Left: canh lề trái
 Middle: canh giữa văn bản & ảnh
 Right
 TextTop
 …
21
Nguyen Ha Giang
Sinh viên test các thuộc tính này
Button, ImageButton, LinkButton
 Mặc định cả ba loại điều là submit button, mỗi khi được
nhấn sẽ post back về server
 Thuộc tính chung
 Text: hiển thị chuỗi văn bản trên control
 Ngoài những thuộc tính chung thì ImageButton còn có
thuộc tính giống Image
 ImageUrl
 ImageAlign
 AlternateText
22
Nguyen Ha Giang
Listbox & DropdownList
 Hiển thị danh sách lựa chọn mà người dùng có thể chọn
một hoặc nhiều (Listbox)
 Các mục chọn có thể thêm vào danh sách thông qua
lệnh hoặc cửa sổ thuộc tính
 Các thuộc tính
 AutoPostBack: khi mục chọn thay đổi có cho phép post
back không
 Items: danh sách mục chọn
 Rows: quy định số item được hiển thị
 SelectionMode: cách thức lựa chọn
 Single: chỉ chọn một
 Multiple: cho phép nhiều chọn lựa
23
Nguyen Ha Giang
Listbox & DropdownList
24
Nguyen Ha Giang
<form id="form1" runat="server">
<div>
Ngôn ngữ lập trình<br />
<asp:ListBox ID="ListBox1" runat="server" Width="140x">
<asp:ListItem Value="Java"></asp:ListItem>
<asp:ListItem Value="C#"></asp:ListItem>
<asp:ListItem Value="VB.NET"></asp:ListItem>
<asp:ListItem Value="VC++"></asp:ListItem>
<asp:ListItem></asp:ListItem>
</asp:ListBox>
<br />
Chuyên ngành<br />
<asp:DropDownList ID="DropDownList1" runat="server"
Height="25px" Width="140px">
<asp:ListItem Value="Công nghệ phần
mềm"></asp:ListItem>
<asp:ListItem Value="Hệ thống thông tin"></asp:ListItem>
<asp:ListItem Value="Mạng máy tính"></asp:ListItem>
<asp:ListItem Value="Khoa học máy tính"></asp:ListItem>
</asp:DropDownList>
</div>
</form>
Listbox & DropdownList
 Add item vào listbox trong màn hình thiết kế
25
Nguyen Ha Giang
Màn hình thêm item
Cách khác chọn thuộc tính
Items trong cửa sổ
Properties, kích vào
“Collection”
Listbox & DropdownList
 Add item vào listbox trong code
26
Nguyen Ha Giang
// thêm item vào listbox
ListBox1.Items.Add("Java");
ListBox1.Items.Add("C#");
ListBox1.Items.Add("VC++");
// chọn item thứ 2 (C#) là mặc định
ListBox1.SelectedIndex = 1;
Hiển thị mặc định item thứ 2
Listbox & DropdownList
 Các thuộc tính sau giúp xác định chỉ số, giá trị mục đang
chọn, trong trường hợp chọn nhiều ta phải duyệt qua
Items kiểm tra thuộc tính Selected xem có được chọn
hay không
 SelectedIndex: chỉ số item được chọn
 SelectedItem: cho biết item được chọn
 SelectedValue: giá trị mục chọn
 Trường hợp có nhiều item được chọn thì các giá trị trên
trả về thông tin liên quan đến item đầu tiên được chọn.
27
Nguyen Ha Giang
Listbox & DropdownList
 Tập hợp Items: chứa danh sách các item
 Add: thêm mục tin mới vào cuối danh sách: Items.Add(…)
 Insert: thêm mục tinh vào vị trí xác định: Items.Insert(…)
 Count: trả về số mục item có trong danh sách: Items.Count
 Contains: kiểm tra xem 1 item có trong danh sách hay
không: Items.Contains(…)
 Remove: Xóa đối tượng item ra khỏi danh sách
 RemoveAt: xóa item tại vị trí index ra khỏi danh sách
 Clear: xóa tất cả item trong danh sách
28
Nguyen Ha Giang
Minh họa tổng hợp
 Form đơn giản cho phép user nhập vào họ tên, rồi add
vào listbox.
29
Nguyen Ha Giang
TextBox: txtName
Button: btnAdd
ListBox: lblDanhSach
Minh họa tổng hợp
 Trích phần code tag table
30
Nguyen Ha Giang
<table class="style1">
<tr>
<td class="style3"
style="font-family: 'Times New Roman', Times, serif; color: #0000FF;
font-style: italic;"> Nhập vào họ tên</td>
<td>&nbsp;</td>
</tr>
<tr>
<td class="style3">
<asp:TextBox ID="txtName" runat="server" Width="180px" ForeColor="#FF3300“ />
</td>
<td>
<asp:Button ID="btnAdd" runat="server" style="width: 90px" Text="Thêm"
Width="75px" Height="25px" />
</td>
</tr>
<tr>
<td class="style2" colspan="2">
<asp:ListBox ID="lblDanhSach" runat="server" BackColor="#0066CC"
Font-Bold="True" ForeColor="White" Height="155px" Width="275px">
</asp:ListBox>
</td>
</tr>
</table>
Minh họa tổng hợp
 Phần xử lý button “Thêm” trong file .cs
31
Nguyen Ha Giang
protected void btnAdd_Click(object sender, EventArgs e)
{
// lấy nội dung user nhập trong textbox
string Name = txtName.Text;
// tạo listitem có thông tin là họ tên mới này
ListItem newItem = new ListItem(Name);
// kiểm tra nếu item không có trong listbox thì add
// Items.Contains() trả về true nếu tồn tại,
if (!lblDanhSach.Items.Contains(newItem))
lblDanhSach.Items.Add(newItem);// chưa có thêm vào
}
Minh họa tổng hợp
 Chạy trong browser: F5 (debug) hoặc Ctrl + F5 (without
debug)
32
Nguyen Ha Giang
Chỉ thêm những item mới
Checkbox & RadioButton
 Thuộc tính
 Checked: cho biết trạng thái được chọn
 TextAlign: quy định vị trí hiển thị văn bản với điều khiển
 AutoPostBack: quy định xem control có post back khi mục
chọn thay đổi, mặc định là không
 GroupName: (RadioButton), nhóm các điều khiển
radiobutton lại thành một nhóm
33
Nguyen Ha Giang
Checkbox & RadioButton
 Minh họa
34
Nguyen Ha Giang
<asp:CheckBox ID="CheckBox1" runat="server" Text="Anh văn" />
<asp:CheckBox ID="CheckBox2" runat="server" Text="Pháp văn" />
<asp:RadioButton ID="RadioButton1" runat="server" Text="Nam" GroupName="GT" />
<asp:RadioButton ID="RadioButton2" runat="server" Text="Nữ" GroupName="GT" />
<asp:RadioButton ID="RadioButton3" runat="server" Text="Dưới 1tr"
GroupName="TN" />
<asp:RadioButton ID="RadioButton4" runat="server" Text="Từ 1tr - 3tr"
GroupName="TN" />
<asp:RadioButton ID="RadioButton5" runat="server" Text="Trên 3tr"
GroupName="TN" />
Thiết kế form
Layout code
In browser
CheckBoxList - RadioButtonList
 Dùng để tạo ra nhóm các CheckBox/ListBox
 Đây là điều khiển danh sách nên nó cũng có thuộc tính
items chứa tập hợp các mục chọn
 Các thuộc tính
 RepeatColumns: số cột hiển thị
 RepeatDirection: hình thức hiển thị
 Vertical: chiều dọc
 Horizontal: chiều ngang
 AutoPostBack: quy định điều khiển tự động postback về
server, mặc định là ko được
35
Nguyen Ha Giang
Minh họa CBL/RBL
 Thêm các item vào radiobuttonlist checkboxlist
36
Nguyen Ha Giang
Chọn edit item trong cửa sổ
RadioButtonList Tasks
Thêm các item
vào, mỗi item là
1 radiobutton
Minh họa CBL/RBL
 Với CheckBoxList cũng làm tương tự:
37
Nguyen Ha Giang
Chọn chức năng CheckBoxList ở
bên phải của CheckBoxList
Chọc chức năng Edit Items…
Thêm các item, mỗi
item khi thêm vào là
1 checkbox
Minh họa CBL/RBL
 Tạo web form cuối cùng có dạng sau
 Phần xử lý:
 Khi Submit thì thông tin chuyên ngành và các kỹ năng
user chọn sẽ được hiển trị ở Label bên dưới button
38
Nguyen Ha Giang
Minh họa CBL/RBL
 Hàm xử lý sự kiện click của button Submit
39
Nguyen Ha Giang
protected void Submit_Click(object sender, EventArgs e)
{
string chuyennganh;
// lấy item được chọn trong radiobuttonlist
chuyennganh = RadioButtonList1.SelectedItem.ToString();
// xuất thông tin chuyên ngành ra label
Label1.Text = string.Format("Chuyên ngành<br/>{0} <br/>Kỹ năng", chuyennganh);
// xác định các item được check trong CheckBoxList
foreach(ListItem item in CheckBoxList1.Items) // duyệt qua từng item
if (item.Selected) // kiểm tra xem item nào được check
{ // thêm item được chọn vào label
Label1.Text += "<br/>"+item.ToString();
}
}
Minh họa CBL/RBL
40
Nguyen Ha Giang
Liên kết DL với control dạng list
 Tạo đối tượng kiểu SortedList
 SortedList dùng để lưu danh sách item, được sắp theo
thuộc tính khóa
 Để liên kết đối tượng dữ liệu (đối tượng SortedList) thì
dùng thuộc tính DataSource
 <điều khiển>.DataSource = <đối tượng dữ liệu>
 Thuộc tính DataTextField tham chiếu đến dl hiển thị
 Thuộc tính DataValueField tham chiếu đến dữ liệu mà
ta nhận từ SelectedValue hay SelectedItem.Value.
 Sử dụng phương thức DataBind để hiển thị dữ liệu khi
trang được load
41
Nguyen Ha Giang
Liên kết DL với control dạng list
 Minh họa tạo web form cho phép user chọn cầu thủ
bóng đá ưa thích nhất.
 Form như sau
42
Nguyen Ha Giang
RadioButtonList: chứa danh sách cầu thủ, sẽ được
liên kết với đối tượng SortedList
Hiển thị cầu thủ được chọn
Liên kết DL với control dạng list
 Code khởi tạo web form
43
Nguyen Ha Giang
protected void Page_Load(object sender, EventArgs e) {
if (!IsPostBack) // chỉ khởi tạo lần đầu tiên
{ // tạo danh sách các cấu thủ
SortedList list = new SortedList();
list.Add(1, "Cristiano Ronaldo“);
list.Add(2, "Lionel Messi");
list.Add(3, "Kaka");
list.Add(4, "Ibrahimovic");
list.Add(5, "Franck Ribéry");
list.Add(6, "Wayne Rooney");
list.Add(7, "Didier Drogba");
list.Add(8, "Emmanuel Adebayor");
list.Add(9, "Samuel Eto’o");
// đưa danh sách vào RadioButtonList
rblDSCauThu.DataSource = list;
rblDSCauThu.DataTextField = "Value"; // hiển thị giá trị
rblDSCauThu.DataValueField = "Key";
rblDSCauThu.DataBind(); // hiển thị danh sách lên control
}
}
Liên kết DL với control dạng list
 Xử lý: mỗi khi user chọn một cầu thủ thì thông tin sẽ
được hiển thị trên label
 Xử lý sự kiện SelectedIndexChanged của RadioButtonList
 Để sự kiện này gởi về server tức thì: AutoPostBack = true
44
Nguyen Ha Giang
protected void rblDSCauThu_SelectedIndexChanged(object sender, EventArgs e)
{
string cauthu = rblDSCauThu.SelectedItem.Text;
lblBinhChon.Text = string.Format("Bạn bình chọn cầu thủ {0}", cauthu);
}
Liên kết DL với control dạng list
 Kết quả khi chạy Web Form
45
Nguyen Ha Giang
Chọn cầu thủ
Hiển thị cầu thủ vừa chọn
Automatic Postback
 HTML server control cung cấp 2 sự kiện:
ServerClick, ServerChange
 Web control cung cấp đa dạng sự kiện
 Click (Button, ImageButton)
 TextChanged (TextBox)
 CheckChanged (CheckBox, RadioButton)
 SelectedIndexChanged
(DropDownList, ListBox, CheckBoxList, RadioButtonList)
 HTML server control kích hoạt những sự kiện khi postback
xảy ra.
 Web control có đặc tính có thể phát sinh sự kiện change tức
thì bằng cách gọi postback. Gọi là automatic postback
46
Nguyen Ha Giang
Automatic Postback
 Để bắt sự kiện change cho Web control, thiết lập thuộc
tính AutoPostBack = true
 Khi đó control sẽ submit page khi nó dò ra hành động
đặc biệt của user (chọn một item khác trong listbox).
 Đặc tính này dùng JavaScript
47
Nguyen Ha Giang
Automatic Postback
48
Nguyen Ha Giang
<form id="form1" runat="server">
<div>
<asp:TextBox id="txt" BackColor="Yellow" Text="Hello World"
ReadOnly="true" TextMode="MultiLine" Rows="5"
runat="server"
ontextchanged="txt_TextChanged" />
</div>
</form>
<body>
<form name="form1" method="post" action="WebForm2.aspx"
id="form1">
<div>
<textarea name="txt" rows="5" cols="20" readonly="readonly"
id="txt" style="background-color:Yellow;">Hello
World</textarea>
</div>
</form>
</body>
Webform2.aspx
HTML render
TextBox này có xử lý sự
kiện txt_TextChanged
nhưng không tự động
Postback
Automatic Postback
49
Nguyen Ha Giang
<form id="form1" runat="server">
<div>
<asp:TextBox id="txt" BackColor="Yellow" Text="Hello World"
ReadOnly="true" TextMode="MultiLine" Rows="5"
runat="server“ AutoPostBack="True"
ontextchanged="txt_TextChanged" />
</div>
</form>
Webform2.aspx
…
<script type="text/javascript">
//<![CDATA[
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
…
TextBox tự động
postback

More Related Content

What's hot

Giao trinh asp.ne_tvoi_csharp
Giao trinh asp.ne_tvoi_csharpGiao trinh asp.ne_tvoi_csharp
Giao trinh asp.ne_tvoi_csharpngohanty13
 
Chuong 3 windows forms
Chuong 3   windows formsChuong 3   windows forms
Chuong 3 windows formsHarees Seni
 
Bai tap java_script-html-2016
Bai tap java_script-html-2016Bai tap java_script-html-2016
Bai tap java_script-html-2016viethoang89
 
Ajax control toolkit
Ajax control toolkitAjax control toolkit
Ajax control toolkitNguyen Huy
 
Lập trình web asp.net MVC
Lập trình web asp.net MVCLập trình web asp.net MVC
Lập trình web asp.net MVCMasterCode.vn
 
Bai tap thuc hanh javascript
Bai tap thuc hanh javascriptBai tap thuc hanh javascript
Bai tap thuc hanh javascriptnkquank7d
 
Tu hoc javascript
Tu hoc javascriptTu hoc javascript
Tu hoc javascriptzingoncmu2
 
BÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPT
BÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPTBÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPT
BÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPTMasterCode.vn
 
Bài 1: Làm quen với ASP.NET - Giáo trình FPT - Có ví dụ kèm theo
Bài 1: Làm quen với ASP.NET - Giáo trình FPT - Có ví dụ kèm theoBài 1: Làm quen với ASP.NET - Giáo trình FPT - Có ví dụ kèm theo
Bài 1: Làm quen với ASP.NET - Giáo trình FPT - Có ví dụ kèm theoMasterCode.vn
 

What's hot (15)

Giao trinh asp.ne_tvoi_csharp
Giao trinh asp.ne_tvoi_csharpGiao trinh asp.ne_tvoi_csharp
Giao trinh asp.ne_tvoi_csharp
 
Chuong 3 windows forms
Chuong 3   windows formsChuong 3   windows forms
Chuong 3 windows forms
 
Bai tap java_script-html-2016
Bai tap java_script-html-2016Bai tap java_script-html-2016
Bai tap java_script-html-2016
 
Bai Tap Vb
Bai Tap VbBai Tap Vb
Bai Tap Vb
 
Kiem tra javascript
Kiem tra javascriptKiem tra javascript
Kiem tra javascript
 
Ung dung web chuong 5
Ung dung web  chuong 5Ung dung web  chuong 5
Ung dung web chuong 5
 
Ajax control toolkit
Ajax control toolkitAjax control toolkit
Ajax control toolkit
 
Lập trình web asp.net MVC
Lập trình web asp.net MVCLập trình web asp.net MVC
Lập trình web asp.net MVC
 
Javascript and dom_html
Javascript and dom_htmlJavascript and dom_html
Javascript and dom_html
 
Asp control
Asp controlAsp control
Asp control
 
Bai tap thuc hanh javascript
Bai tap thuc hanh javascriptBai tap thuc hanh javascript
Bai tap thuc hanh javascript
 
Tu hoc javascript
Tu hoc javascriptTu hoc javascript
Tu hoc javascript
 
BÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPT
BÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPTBÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPT
BÀI 6: Thủ tục (SUB) và hàm (FUNCTION) - Giáo trình FPT
 
Bài tập javascript
Bài tập javascriptBài tập javascript
Bài tập javascript
 
Bài 1: Làm quen với ASP.NET - Giáo trình FPT - Có ví dụ kèm theo
Bài 1: Làm quen với ASP.NET - Giáo trình FPT - Có ví dụ kèm theoBài 1: Làm quen với ASP.NET - Giáo trình FPT - Có ví dụ kèm theo
Bài 1: Làm quen với ASP.NET - Giáo trình FPT - Có ví dụ kèm theo
 

Viewers also liked

1. προσανατολισμός στο χώρο
1. προσανατολισμός στο χώρο1. προσανατολισμός στο χώρο
1. προσανατολισμός στο χώροtdty hjf
 
Andrew goodwin’s theory
Andrew goodwin’s theoryAndrew goodwin’s theory
Andrew goodwin’s theoryjakeamas
 
Andrew goodwin’s theory
Andrew goodwin’s theoryAndrew goodwin’s theory
Andrew goodwin’s theoryjakeamas
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome EconomyHelge Tennø
 
The Six Highest Performing B2B Blog Post Formats
The Six Highest Performing B2B Blog Post FormatsThe Six Highest Performing B2B Blog Post Formats
The Six Highest Performing B2B Blog Post FormatsBarry Feldman
 

Viewers also liked (8)

1. προσανατολισμός στο χώρο
1. προσανατολισμός στο χώρο1. προσανατολισμός στο χώρο
1. προσανατολισμός στο χώρο
 
Andrew goodwin’s theory
Andrew goodwin’s theoryAndrew goodwin’s theory
Andrew goodwin’s theory
 
7 math1
7 math17 math1
7 math1
 
7 math1
7 math17 math1
7 math1
 
Andrew goodwin’s theory
Andrew goodwin’s theoryAndrew goodwin’s theory
Andrew goodwin’s theory
 
The regular verbs
The regular verbsThe regular verbs
The regular verbs
 
The Outcome Economy
The Outcome EconomyThe Outcome Economy
The Outcome Economy
 
The Six Highest Performing B2B Blog Post Formats
The Six Highest Performing B2B Blog Post FormatsThe Six Highest Performing B2B Blog Post Formats
The Six Highest Performing B2B Blog Post Formats
 

Similar to P3 web server control

Bài 2: Hướng dẫn làm việc với các điều khiển - Giáo trình FPT - Có ví dụ kèm ...
Bài 2: Hướng dẫn làm việc với các điều khiển - Giáo trình FPT - Có ví dụ kèm ...Bài 2: Hướng dẫn làm việc với các điều khiển - Giáo trình FPT - Có ví dụ kèm ...
Bài 2: Hướng dẫn làm việc với các điều khiển - Giáo trình FPT - Có ví dụ kèm ...MasterCode.vn
 
Oop unit 12 đồ họa và xử lý sự kiện
Oop unit 12 đồ họa và xử lý sự kiệnOop unit 12 đồ họa và xử lý sự kiện
Oop unit 12 đồ họa và xử lý sự kiệnTráng Hà Viết
 
ASP.NET basic
ASP.NET basicASP.NET basic
ASP.NET basicmeocon21
 
Session 08 Final
Session 08 FinalSession 08 Final
Session 08 FinalSamQuiDaiBo
 
Lập trình web - HTML cơ bản
Lập trình web - HTML cơ bảnLập trình web - HTML cơ bản
Lập trình web - HTML cơ bảnNhóc Nhóc
 
Bài 5 Lập trình PHP (phần 3) Làm việc với dữ liệu của form - Giáo trình FPT
Bài 5 Lập trình PHP (phần 3) Làm việc với dữ liệu của form - Giáo trình FPTBài 5 Lập trình PHP (phần 3) Làm việc với dữ liệu của form - Giáo trình FPT
Bài 5 Lập trình PHP (phần 3) Làm việc với dữ liệu của form - Giáo trình FPTMasterCode.vn
 
Bài 6: Điều khiển DetailsView, FormView, ListView, DataPager
Bài 6: Điều khiển DetailsView, FormView, ListView, DataPagerBài 6: Điều khiển DetailsView, FormView, ListView, DataPager
Bài 6: Điều khiển DetailsView, FormView, ListView, DataPagerMasterCode.vn
 

Similar to P3 web server control (20)

Bài 2: Hướng dẫn làm việc với các điều khiển - Giáo trình FPT - Có ví dụ kèm ...
Bài 2: Hướng dẫn làm việc với các điều khiển - Giáo trình FPT - Có ví dụ kèm ...Bài 2: Hướng dẫn làm việc với các điều khiển - Giáo trình FPT - Có ví dụ kèm ...
Bài 2: Hướng dẫn làm việc với các điều khiển - Giáo trình FPT - Có ví dụ kèm ...
 
Window Form
Window FormWindow Form
Window Form
 
Oop unit 12 đồ họa và xử lý sự kiện
Oop unit 12 đồ họa và xử lý sự kiệnOop unit 12 đồ họa và xử lý sự kiện
Oop unit 12 đồ họa và xử lý sự kiện
 
Asp
AspAsp
Asp
 
J query khtn
J query khtnJ query khtn
J query khtn
 
Ung dung web chuong 7
Ung dung web  chuong 7Ung dung web  chuong 7
Ung dung web chuong 7
 
Aspnet 3.5 _05
Aspnet 3.5 _05Aspnet 3.5 _05
Aspnet 3.5 _05
 
Giáo trình asp.net với c sharp
Giáo trình asp.net với c sharpGiáo trình asp.net với c sharp
Giáo trình asp.net với c sharp
 
63 2601
63 260163 2601
63 2601
 
ASP.NET basic
ASP.NET basicASP.NET basic
ASP.NET basic
 
Session 08 Final
Session 08 FinalSession 08 Final
Session 08 Final
 
Lập trình web - HTML cơ bản
Lập trình web - HTML cơ bảnLập trình web - HTML cơ bản
Lập trình web - HTML cơ bản
 
Ung dung web chuong 8
Ung dung web  chuong 8Ung dung web  chuong 8
Ung dung web chuong 8
 
User Control
User ControlUser Control
User Control
 
Bai tap php_m123
Bai tap php_m123Bai tap php_m123
Bai tap php_m123
 
ado.net
ado.netado.net
ado.net
 
Bài 5 Lập trình PHP (phần 3) Làm việc với dữ liệu của form - Giáo trình FPT
Bài 5 Lập trình PHP (phần 3) Làm việc với dữ liệu của form - Giáo trình FPTBài 5 Lập trình PHP (phần 3) Làm việc với dữ liệu của form - Giáo trình FPT
Bài 5 Lập trình PHP (phần 3) Làm việc với dữ liệu của form - Giáo trình FPT
 
Bài 6: Điều khiển DetailsView, FormView, ListView, DataPager
Bài 6: Điều khiển DetailsView, FormView, ListView, DataPagerBài 6: Điều khiển DetailsView, FormView, ListView, DataPager
Bài 6: Điều khiển DetailsView, FormView, ListView, DataPager
 
Ajax Control ToolKit
Ajax Control ToolKitAjax Control ToolKit
Ajax Control ToolKit
 
Joomla developermanual
Joomla developermanualJoomla developermanual
Joomla developermanual
 

Recently uploaded

HƯỚNG DẪN GIẢI ĐỀ MINH HỌA KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤC MÔN...
HƯỚNG DẪN GIẢI ĐỀ MINH HỌA KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤC MÔN...HƯỚNG DẪN GIẢI ĐỀ MINH HỌA KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤC MÔN...
HƯỚNG DẪN GIẢI ĐỀ MINH HỌA KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤC MÔN...Nguyen Thanh Tu Collection
 
GIÁO ÁN KẾ HOẠCH BÀI DẠY MÔN VẬT LÝ 11 CẢ NĂM (SÁCH KẾT NỐI TRI THỨC) THEO CÔ...
GIÁO ÁN KẾ HOẠCH BÀI DẠY MÔN VẬT LÝ 11 CẢ NĂM (SÁCH KẾT NỐI TRI THỨC) THEO CÔ...GIÁO ÁN KẾ HOẠCH BÀI DẠY MÔN VẬT LÝ 11 CẢ NĂM (SÁCH KẾT NỐI TRI THỨC) THEO CÔ...
GIÁO ÁN KẾ HOẠCH BÀI DẠY MÔN VẬT LÝ 11 CẢ NĂM (SÁCH KẾT NỐI TRI THỨC) THEO CÔ...Nguyen Thanh Tu Collection
 
ĐỀ KIỂM TRA THEO UNIT TIẾNG ANH GLOBAL SUCCESS 11 - HK2 (BẢN HS-GV) (3 TESTS ...
ĐỀ KIỂM TRA THEO UNIT TIẾNG ANH GLOBAL SUCCESS 11 - HK2 (BẢN HS-GV) (3 TESTS ...ĐỀ KIỂM TRA THEO UNIT TIẾNG ANH GLOBAL SUCCESS 11 - HK2 (BẢN HS-GV) (3 TESTS ...
ĐỀ KIỂM TRA THEO UNIT TIẾNG ANH GLOBAL SUCCESS 11 - HK2 (BẢN HS-GV) (3 TESTS ...Nguyen Thanh Tu Collection
 
SÁNG KIẾN PHÁT TRIỂN NĂNG LỰC TỰ LÀM MÔ HÌNH KHI TÌM HIỂU KIẾN THỨC “THẠCH QU...
SÁNG KIẾN PHÁT TRIỂN NĂNG LỰC TỰ LÀM MÔ HÌNH KHI TÌM HIỂU KIẾN THỨC “THẠCH QU...SÁNG KIẾN PHÁT TRIỂN NĂNG LỰC TỰ LÀM MÔ HÌNH KHI TÌM HIỂU KIẾN THỨC “THẠCH QU...
SÁNG KIẾN PHÁT TRIỂN NĂNG LỰC TỰ LÀM MÔ HÌNH KHI TÌM HIỂU KIẾN THỨC “THẠCH QU...Nguyen Thanh Tu Collection
 
HƯỚNG DẪN GIẢI ĐỀ THI THAM KHẢO KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤ...
HƯỚNG DẪN GIẢI ĐỀ THI THAM KHẢO KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤ...HƯỚNG DẪN GIẢI ĐỀ THI THAM KHẢO KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤ...
HƯỚNG DẪN GIẢI ĐỀ THI THAM KHẢO KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤ...Nguyen Thanh Tu Collection
 
40 ĐỀ LUYỆN THI ĐÁNH GIÁ NĂNG LỰC ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH NĂM ...
40 ĐỀ LUYỆN THI ĐÁNH GIÁ NĂNG LỰC ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH NĂM ...40 ĐỀ LUYỆN THI ĐÁNH GIÁ NĂNG LỰC ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH NĂM ...
40 ĐỀ LUYỆN THI ĐÁNH GIÁ NĂNG LỰC ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH NĂM ...Nguyen Thanh Tu Collection
 
IELTS READING - Earth’s lakes are under threat.pptx
IELTS READING - Earth’s lakes are under threat.pptxIELTS READING - Earth’s lakes are under threat.pptx
IELTS READING - Earth’s lakes are under threat.pptxNguynHn870045
 
Day tieng Viet cho nguoi nuoc ngoai.pptx
Day tieng Viet cho nguoi nuoc ngoai.pptxDay tieng Viet cho nguoi nuoc ngoai.pptx
Day tieng Viet cho nguoi nuoc ngoai.pptxngothevinhs6lite
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...Nguyen Thanh Tu Collection
 
lịch sử đảng cộng sản việt nam chương 1.ppt
lịch sử đảng cộng sản việt nam chương 1.pptlịch sử đảng cộng sản việt nam chương 1.ppt
lịch sử đảng cộng sản việt nam chương 1.pptLinhPham480
 
14 CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN VẬT LÝ 8 - NĂM 2024 (4...
14 CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN VẬT LÝ 8 - NĂM 2024 (4...14 CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN VẬT LÝ 8 - NĂM 2024 (4...
14 CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN VẬT LÝ 8 - NĂM 2024 (4...Nguyen Thanh Tu Collection
 
BÀI TẬP – BÀI GIẢI HÓA HỮU CƠ – TẬP 1 DÙNG BỒI DƯỠNG HỌC SINH GIỎI TỈNH VÀ QU...
BÀI TẬP – BÀI GIẢI HÓA HỮU CƠ – TẬP 1 DÙNG BỒI DƯỠNG HỌC SINH GIỎI TỈNH VÀ QU...BÀI TẬP – BÀI GIẢI HÓA HỮU CƠ – TẬP 1 DÙNG BỒI DƯỠNG HỌC SINH GIỎI TỈNH VÀ QU...
BÀI TẬP – BÀI GIẢI HÓA HỮU CƠ – TẬP 1 DÙNG BỒI DƯỠNG HỌC SINH GIỎI TỈNH VÀ QU...Nguyen Thanh Tu Collection
 
CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN 7 + 8 CHƯƠNG TRÌNH GDPT M...
CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN 7 + 8 CHƯƠNG TRÌNH GDPT M...CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN 7 + 8 CHƯƠNG TRÌNH GDPT M...
CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN 7 + 8 CHƯƠNG TRÌNH GDPT M...Nguyen Thanh Tu Collection
 
GIÁO ÁN KẾ HOẠCH BÀI DẠY SINH HỌC 10 CHÂN TRỜI SÁNG TẠO - CẢ NĂM THEO CÔNG VĂ...
GIÁO ÁN KẾ HOẠCH BÀI DẠY SINH HỌC 10 CHÂN TRỜI SÁNG TẠO - CẢ NĂM THEO CÔNG VĂ...GIÁO ÁN KẾ HOẠCH BÀI DẠY SINH HỌC 10 CHÂN TRỜI SÁNG TẠO - CẢ NĂM THEO CÔNG VĂ...
GIÁO ÁN KẾ HOẠCH BÀI DẠY SINH HỌC 10 CHÂN TRỜI SÁNG TẠO - CẢ NĂM THEO CÔNG VĂ...Nguyen Thanh Tu Collection
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 CẢ NĂM CÓ TEST ÔN TẬP ĐỊNH KÌ + NÂNG CAO - FRI...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 CẢ NĂM CÓ TEST ÔN TẬP ĐỊNH KÌ + NÂNG CAO - FRI...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 CẢ NĂM CÓ TEST ÔN TẬP ĐỊNH KÌ + NÂNG CAO - FRI...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 CẢ NĂM CÓ TEST ÔN TẬP ĐỊNH KÌ + NÂNG CAO - FRI...Nguyen Thanh Tu Collection
 
CHUYÊN ĐỀ DẠY THÊM HÓA HỌC LỚP 11 CHUNG 3 BỘ SÁCH NĂM 2024 HỆ THỐNG BÀI TẬP B...
CHUYÊN ĐỀ DẠY THÊM HÓA HỌC LỚP 11 CHUNG 3 BỘ SÁCH NĂM 2024 HỆ THỐNG BÀI TẬP B...CHUYÊN ĐỀ DẠY THÊM HÓA HỌC LỚP 11 CHUNG 3 BỘ SÁCH NĂM 2024 HỆ THỐNG BÀI TẬP B...
CHUYÊN ĐỀ DẠY THÊM HÓA HỌC LỚP 11 CHUNG 3 BỘ SÁCH NĂM 2024 HỆ THỐNG BÀI TẬP B...Nguyen Thanh Tu Collection
 
40 ĐỀ THI THỬ TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2024 - 2025 SỞ GIÁO...
40 ĐỀ THI THỬ TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2024 - 2025 SỞ GIÁO...40 ĐỀ THI THỬ TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2024 - 2025 SỞ GIÁO...
40 ĐỀ THI THỬ TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2024 - 2025 SỞ GIÁO...Nguyen Thanh Tu Collection
 

Recently uploaded (17)

HƯỚNG DẪN GIẢI ĐỀ MINH HỌA KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤC MÔN...
HƯỚNG DẪN GIẢI ĐỀ MINH HỌA KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤC MÔN...HƯỚNG DẪN GIẢI ĐỀ MINH HỌA KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤC MÔN...
HƯỚNG DẪN GIẢI ĐỀ MINH HỌA KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤC MÔN...
 
GIÁO ÁN KẾ HOẠCH BÀI DẠY MÔN VẬT LÝ 11 CẢ NĂM (SÁCH KẾT NỐI TRI THỨC) THEO CÔ...
GIÁO ÁN KẾ HOẠCH BÀI DẠY MÔN VẬT LÝ 11 CẢ NĂM (SÁCH KẾT NỐI TRI THỨC) THEO CÔ...GIÁO ÁN KẾ HOẠCH BÀI DẠY MÔN VẬT LÝ 11 CẢ NĂM (SÁCH KẾT NỐI TRI THỨC) THEO CÔ...
GIÁO ÁN KẾ HOẠCH BÀI DẠY MÔN VẬT LÝ 11 CẢ NĂM (SÁCH KẾT NỐI TRI THỨC) THEO CÔ...
 
ĐỀ KIỂM TRA THEO UNIT TIẾNG ANH GLOBAL SUCCESS 11 - HK2 (BẢN HS-GV) (3 TESTS ...
ĐỀ KIỂM TRA THEO UNIT TIẾNG ANH GLOBAL SUCCESS 11 - HK2 (BẢN HS-GV) (3 TESTS ...ĐỀ KIỂM TRA THEO UNIT TIẾNG ANH GLOBAL SUCCESS 11 - HK2 (BẢN HS-GV) (3 TESTS ...
ĐỀ KIỂM TRA THEO UNIT TIẾNG ANH GLOBAL SUCCESS 11 - HK2 (BẢN HS-GV) (3 TESTS ...
 
SÁNG KIẾN PHÁT TRIỂN NĂNG LỰC TỰ LÀM MÔ HÌNH KHI TÌM HIỂU KIẾN THỨC “THẠCH QU...
SÁNG KIẾN PHÁT TRIỂN NĂNG LỰC TỰ LÀM MÔ HÌNH KHI TÌM HIỂU KIẾN THỨC “THẠCH QU...SÁNG KIẾN PHÁT TRIỂN NĂNG LỰC TỰ LÀM MÔ HÌNH KHI TÌM HIỂU KIẾN THỨC “THẠCH QU...
SÁNG KIẾN PHÁT TRIỂN NĂNG LỰC TỰ LÀM MÔ HÌNH KHI TÌM HIỂU KIẾN THỨC “THẠCH QU...
 
HƯỚNG DẪN GIẢI ĐỀ THI THAM KHẢO KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤ...
HƯỚNG DẪN GIẢI ĐỀ THI THAM KHẢO KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤ...HƯỚNG DẪN GIẢI ĐỀ THI THAM KHẢO KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤ...
HƯỚNG DẪN GIẢI ĐỀ THI THAM KHẢO KÌ THI TỐT NGHIỆP THPT NĂM 2024 TỪ BỘ GIÁO DỤ...
 
40 ĐỀ LUYỆN THI ĐÁNH GIÁ NĂNG LỰC ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH NĂM ...
40 ĐỀ LUYỆN THI ĐÁNH GIÁ NĂNG LỰC ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH NĂM ...40 ĐỀ LUYỆN THI ĐÁNH GIÁ NĂNG LỰC ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH NĂM ...
40 ĐỀ LUYỆN THI ĐÁNH GIÁ NĂNG LỰC ĐẠI HỌC QUỐC GIA THÀNH PHỐ HỒ CHÍ MINH NĂM ...
 
IELTS READING - Earth’s lakes are under threat.pptx
IELTS READING - Earth’s lakes are under threat.pptxIELTS READING - Earth’s lakes are under threat.pptx
IELTS READING - Earth’s lakes are under threat.pptx
 
Day tieng Viet cho nguoi nuoc ngoai.pptx
Day tieng Viet cho nguoi nuoc ngoai.pptxDay tieng Viet cho nguoi nuoc ngoai.pptx
Day tieng Viet cho nguoi nuoc ngoai.pptx
 
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
TỔNG HỢP HƠN 100 ĐỀ THI THỬ TỐT NGHIỆP THPT TOÁN 2024 - TỪ CÁC TRƯỜNG, TRƯỜNG...
 
lịch sử đảng cộng sản việt nam chương 1.ppt
lịch sử đảng cộng sản việt nam chương 1.pptlịch sử đảng cộng sản việt nam chương 1.ppt
lịch sử đảng cộng sản việt nam chương 1.ppt
 
14 CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN VẬT LÝ 8 - NĂM 2024 (4...
14 CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN VẬT LÝ 8 - NĂM 2024 (4...14 CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN VẬT LÝ 8 - NĂM 2024 (4...
14 CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN VẬT LÝ 8 - NĂM 2024 (4...
 
BÀI TẬP – BÀI GIẢI HÓA HỮU CƠ – TẬP 1 DÙNG BỒI DƯỠNG HỌC SINH GIỎI TỈNH VÀ QU...
BÀI TẬP – BÀI GIẢI HÓA HỮU CƠ – TẬP 1 DÙNG BỒI DƯỠNG HỌC SINH GIỎI TỈNH VÀ QU...BÀI TẬP – BÀI GIẢI HÓA HỮU CƠ – TẬP 1 DÙNG BỒI DƯỠNG HỌC SINH GIỎI TỈNH VÀ QU...
BÀI TẬP – BÀI GIẢI HÓA HỮU CƠ – TẬP 1 DÙNG BỒI DƯỠNG HỌC SINH GIỎI TỈNH VÀ QU...
 
CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN 7 + 8 CHƯƠNG TRÌNH GDPT M...
CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN 7 + 8 CHƯƠNG TRÌNH GDPT M...CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN 7 + 8 CHƯƠNG TRÌNH GDPT M...
CHUYÊN ĐỀ BỒI DƯỠNG HỌC SINH GIỎI KHOA HỌC TỰ NHIÊN 7 + 8 CHƯƠNG TRÌNH GDPT M...
 
GIÁO ÁN KẾ HOẠCH BÀI DẠY SINH HỌC 10 CHÂN TRỜI SÁNG TẠO - CẢ NĂM THEO CÔNG VĂ...
GIÁO ÁN KẾ HOẠCH BÀI DẠY SINH HỌC 10 CHÂN TRỜI SÁNG TẠO - CẢ NĂM THEO CÔNG VĂ...GIÁO ÁN KẾ HOẠCH BÀI DẠY SINH HỌC 10 CHÂN TRỜI SÁNG TẠO - CẢ NĂM THEO CÔNG VĂ...
GIÁO ÁN KẾ HOẠCH BÀI DẠY SINH HỌC 10 CHÂN TRỜI SÁNG TẠO - CẢ NĂM THEO CÔNG VĂ...
 
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 CẢ NĂM CÓ TEST ÔN TẬP ĐỊNH KÌ + NÂNG CAO - FRI...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 CẢ NĂM CÓ TEST ÔN TẬP ĐỊNH KÌ + NÂNG CAO - FRI...BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 CẢ NĂM CÓ TEST ÔN TẬP ĐỊNH KÌ + NÂNG CAO - FRI...
BÀI TẬP BỔ TRỢ TIẾNG ANH LỚP 8 CẢ NĂM CÓ TEST ÔN TẬP ĐỊNH KÌ + NÂNG CAO - FRI...
 
CHUYÊN ĐỀ DẠY THÊM HÓA HỌC LỚP 11 CHUNG 3 BỘ SÁCH NĂM 2024 HỆ THỐNG BÀI TẬP B...
CHUYÊN ĐỀ DẠY THÊM HÓA HỌC LỚP 11 CHUNG 3 BỘ SÁCH NĂM 2024 HỆ THỐNG BÀI TẬP B...CHUYÊN ĐỀ DẠY THÊM HÓA HỌC LỚP 11 CHUNG 3 BỘ SÁCH NĂM 2024 HỆ THỐNG BÀI TẬP B...
CHUYÊN ĐỀ DẠY THÊM HÓA HỌC LỚP 11 CHUNG 3 BỘ SÁCH NĂM 2024 HỆ THỐNG BÀI TẬP B...
 
40 ĐỀ THI THỬ TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2024 - 2025 SỞ GIÁO...
40 ĐỀ THI THỬ TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2024 - 2025 SỞ GIÁO...40 ĐỀ THI THỬ TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2024 - 2025 SỞ GIÁO...
40 ĐỀ THI THỬ TUYỂN SINH VÀO LỚP 10 MÔN TIẾNG ANH NĂM HỌC 2024 - 2025 SỞ GIÁO...
 

P3 web server control

  • 2. Nội dung  HTML control  Web control  Automatic post back event 2 Nguyen Ha Giang
  • 3. HTML control  HTML control có thể chuyển thành server control khi bổ sung runat = “server”  Cho phép xử lý trên server side, code có thể tham chiếu đến HTML server control này thông qua ID. 3 Nguyen Ha Giang <input type="text" size="40"> <input type="text" size="40“ runat=“server” id =“UserName” > Server control
  • 4. HTML control  Một số thuận tiện khi chuyển HTML control sang HTML server control  Code có thể tham chiếu đến control này  Server control có thể duy trì được state trong suốt round trip đến server  Server control có thể tạo sự kiện, code có thể xử lý  Dễ sử dụng đối với người quen sử dụng ASP trước đây 4 Nguyen Ha Giang
  • 5. HTML control 5 Nguyen Ha Giang Điều khiển HTML trên thanh công cụ Truy xuất nội dung của textbox
  • 6. HTML control  Minh họa dùng HTML control upload file 6 Nguyen Ha Giang HTML control: input file HTML span: hiển thị tình trạng upload HTML control: input button
  • 7. HTML control 7 Nguyen Ha Giang <form id="form1" runat="server"> <div> <table class="style1" align="center"> <tr> <td> Chọn tập tin</td> <td> <input id="File1" type="file" runat="server“ /></td></tr> <tr> <td align="center“ colspan="2"> <input id="btnUpload" align="middle" type="button" value="Upload" runat="server" onServerClick="btnUpload_Click"/></td> </tr> <tr> <td align="center“ colspan="2"> <span id="lblThongBao" runat="server"></span> </td> </tr> </table> </div> </form> Sự kiện Click chạy trên server
  • 8. HTML control 8 Nguyen Ha Giang protected void btnUpload_Click(object sender, EventArgs e) { string file = File1.PostedFile.FileName; // trích tên file trong chuỗi đường dẫn string filename = System.IO.Path.GetFileName(file); // chep tap tin len thu muc "upload" File1.PostedFile.SaveAs(Server.MapPath("Upload") + filename); // hiển thị thông báo cho user biết lblThongBao.InnerHtml = "<i>Upload completed! </i>"; }
  • 9. HTML control 9 Nguyen Ha Giang Browse chọn file trong máy client Upload file lên server
  • 10. Web control  Web control  Cung cấp mô hình đối tượng “năng động” và “mạnh mẽ” hơn  Bao gồm thuộc tính style, và những định dạng  Hỗ trợ nhiều sự kiện và gần giống với Windows control  Một số thành phần UI không có trong HTML control như GridView, Calendar và validation.  Web control thông minh tự động phát sinh ra tag HTML tương ứng với trình duyệt! 10 Nguyen Ha Giang
  • 11. Web control cơ bản 11 Nguyen Ha Giang Label <span> Button <input type="submit"> or <input type="button"> TextBox <input type="text">, <input type="password">, or <textarea> CheckBox <input type="checkbox"> RadioButton <input type="radio"> Hyperlink <a> LinkButton <a> chứa <img> tag ImageButton <input type="image"> Image <img> ListBox <select size="X"> DropDownList <select> CheckBoxList <table> chứa nhiều<input type="checkbox"> tags RadioButtonList <table> chứa nhiều<input type="radio"> tags BulletedList <ol> ordered list (numbered) or <ul> unordered list (bulleted). Panel <div> Table <table>
  • 12. Web control cơ bản  Luôn bắt đầu bởi tiền tố asp: theo sau bởi tên lớp  Nếu không có tag đóng thì kết thúc với />  Mỗi thuộc tính trong tag phải tương ứng với thuộc tính control  Khi user request trang aspx có chứa code trên thì kết quả code trên trả về là 12 Nguyen Ha Giang <asp:TextBox id="TextBox1" runat="server" /> <input name="TextBox1" type="text" id="TextBox1" />
  • 13. Web control cơ bản  Web control với thuộc tính định dạng  Các thuộc tính chung có trong các control do chúng kế thừa thừa từ lớp cơ sở WebControl  Khi trả về HTML, những thuộc tính được chuyển thành các định dạng theo CSS 13 Nguyen Ha Giang <asp:TextBox id="txt" BackColor="Yellow" Text="Hello World" ReadOnly="true" TextMode="MultiLine" Rows="5" runat="server" /> <textarea name="txt" rows="5" cols="20" readonly="readonly" id="txt" style="background-color:Yellow;">Hello World</textarea>
  • 14. Web control cơ bản 14 Nguyen Ha Giang
  • 15. Web control Bảng liệt kê thuộc tính chung của web control Thuộc tính Kiểu Ý nghĩa ID String Quy định tên của điều khiển, là duy nhất BackColor Color Quy định màu nền BorderColor Color Màu đường viền BorderStyle BorderStyle Kiểu đường viền BorderWidth Unit Độ rộng viền CssClass String Tên của CSS được dùng cho control Enable Boolean Quy định điều khiển có được hiển thị hay không Font FontInfo Font cho điều khiển ForeColor Color Màu chữ hiển thị trên control Height Unit Chiều cao ToolTip String Dòng chữ hiển thị khi di chuyển chuột vào Width Unit Độ rộng điều khiển 15 Nguyen Ha Giang
  • 16. Web control -Label  Dùng để hiển thị và trình bày nội dung trên trang web.  Nội dung hiển thị xác định qua thuộc tính Text  Text có thể nhận và hiển thị nội dung với các tag HTML 16 Nguyen Ha Giang <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label> <br /> <asp:Label ID="Label2" runat="server" Text="Label"></asp:Label>
  • 17. Hyperlink  Điều khiển tạo ra liên kết siêu văn bản  Các thuộc tính  ImageUrl: hình hiển thị trên điều khiển  Text: trong trường hợp có Text và ImageUrl thì ImageUrl được hiển thị.  NavigateUrl: đường dẫn liên kết  Target: xác định cửa sổ hiển thị  _blank: hiển thị trong cửa sổ mới  _self: hiển thị tại chính cửa sổ có liên kết  _parent: hiển thị liên kết ở frame cha 17 Nguyen Ha Giang
  • 18. Hyperlink  Minh họa dùng hyperlink 18 Nguyen Ha Giang HyperLink1.Text = "Trang Web về ASP.NET"; HyperLink1.ImageUrl = @"Imageasp_net.png"; HyperLink1.NavigateUrl = "http://www.asp.net"; HyperLink1.Target = "_blank";
  • 19. Textbox  Nhập và hiển thị dữ liệu, có nhiều tương đồng với textbox của Window Form  Các thuộc tính  Text: nội dung chứa trong text box  TextMode: chức năng của textbox  SingleLine: hiển thị và nhập trên 1 dòng  MultiLine: trên nhiều dòng văn bản  Password: hiển thị * thay cho ký tự trong text  Rows: nếu TextMode=MultiLine, Rows quy định số dòng  MaxLength: số ký tự tối đa được nhập cho textbox  Wrap: cho phép xuống dòng khi dòng văn bản vượt quá chiều ngang, mặc định Wrap = true  AutoPostbBack: quy định cho phép postback về server khi nội dung văn bản thay đổi hay không? Mặc định là không! 19 Nguyen Ha Giang
  • 20. Textbox 20 Nguyen Ha Giang <form id="form1" runat="server"> <div> <asp:TextBox ID="TextBox1" runat="server">Trên 1 dòng</asp:TextBox> <br /> <asp:TextBox ID="TextBox2" runat="server" Rows="5" TextMode="MultiLine"> Nhiều dòng</asp:TextBox> <br /> <asp:TextBox ID="TextBox3" runat="server" TextMode="Password"> bc</asp:TextBox> </div> </form>
  • 21. Image  Hiển thị hình ảnh lên web  Thuộc tính  ImageUrl: đường dẫn đến tập tin cần hiển thị  AlternateText: chuỗi hiển thị khi ảnh không tồn tại  ImageAlign: canh lề giữa nội dung và hình ảnh  Left: canh lề trái  Middle: canh giữa văn bản & ảnh  Right  TextTop  … 21 Nguyen Ha Giang Sinh viên test các thuộc tính này
  • 22. Button, ImageButton, LinkButton  Mặc định cả ba loại điều là submit button, mỗi khi được nhấn sẽ post back về server  Thuộc tính chung  Text: hiển thị chuỗi văn bản trên control  Ngoài những thuộc tính chung thì ImageButton còn có thuộc tính giống Image  ImageUrl  ImageAlign  AlternateText 22 Nguyen Ha Giang
  • 23. Listbox & DropdownList  Hiển thị danh sách lựa chọn mà người dùng có thể chọn một hoặc nhiều (Listbox)  Các mục chọn có thể thêm vào danh sách thông qua lệnh hoặc cửa sổ thuộc tính  Các thuộc tính  AutoPostBack: khi mục chọn thay đổi có cho phép post back không  Items: danh sách mục chọn  Rows: quy định số item được hiển thị  SelectionMode: cách thức lựa chọn  Single: chỉ chọn một  Multiple: cho phép nhiều chọn lựa 23 Nguyen Ha Giang
  • 24. Listbox & DropdownList 24 Nguyen Ha Giang <form id="form1" runat="server"> <div> Ngôn ngữ lập trình<br /> <asp:ListBox ID="ListBox1" runat="server" Width="140x"> <asp:ListItem Value="Java"></asp:ListItem> <asp:ListItem Value="C#"></asp:ListItem> <asp:ListItem Value="VB.NET"></asp:ListItem> <asp:ListItem Value="VC++"></asp:ListItem> <asp:ListItem></asp:ListItem> </asp:ListBox> <br /> Chuyên ngành<br /> <asp:DropDownList ID="DropDownList1" runat="server" Height="25px" Width="140px"> <asp:ListItem Value="Công nghệ phần mềm"></asp:ListItem> <asp:ListItem Value="Hệ thống thông tin"></asp:ListItem> <asp:ListItem Value="Mạng máy tính"></asp:ListItem> <asp:ListItem Value="Khoa học máy tính"></asp:ListItem> </asp:DropDownList> </div> </form>
  • 25. Listbox & DropdownList  Add item vào listbox trong màn hình thiết kế 25 Nguyen Ha Giang Màn hình thêm item Cách khác chọn thuộc tính Items trong cửa sổ Properties, kích vào “Collection”
  • 26. Listbox & DropdownList  Add item vào listbox trong code 26 Nguyen Ha Giang // thêm item vào listbox ListBox1.Items.Add("Java"); ListBox1.Items.Add("C#"); ListBox1.Items.Add("VC++"); // chọn item thứ 2 (C#) là mặc định ListBox1.SelectedIndex = 1; Hiển thị mặc định item thứ 2
  • 27. Listbox & DropdownList  Các thuộc tính sau giúp xác định chỉ số, giá trị mục đang chọn, trong trường hợp chọn nhiều ta phải duyệt qua Items kiểm tra thuộc tính Selected xem có được chọn hay không  SelectedIndex: chỉ số item được chọn  SelectedItem: cho biết item được chọn  SelectedValue: giá trị mục chọn  Trường hợp có nhiều item được chọn thì các giá trị trên trả về thông tin liên quan đến item đầu tiên được chọn. 27 Nguyen Ha Giang
  • 28. Listbox & DropdownList  Tập hợp Items: chứa danh sách các item  Add: thêm mục tin mới vào cuối danh sách: Items.Add(…)  Insert: thêm mục tinh vào vị trí xác định: Items.Insert(…)  Count: trả về số mục item có trong danh sách: Items.Count  Contains: kiểm tra xem 1 item có trong danh sách hay không: Items.Contains(…)  Remove: Xóa đối tượng item ra khỏi danh sách  RemoveAt: xóa item tại vị trí index ra khỏi danh sách  Clear: xóa tất cả item trong danh sách 28 Nguyen Ha Giang
  • 29. Minh họa tổng hợp  Form đơn giản cho phép user nhập vào họ tên, rồi add vào listbox. 29 Nguyen Ha Giang TextBox: txtName Button: btnAdd ListBox: lblDanhSach
  • 30. Minh họa tổng hợp  Trích phần code tag table 30 Nguyen Ha Giang <table class="style1"> <tr> <td class="style3" style="font-family: 'Times New Roman', Times, serif; color: #0000FF; font-style: italic;"> Nhập vào họ tên</td> <td>&nbsp;</td> </tr> <tr> <td class="style3"> <asp:TextBox ID="txtName" runat="server" Width="180px" ForeColor="#FF3300“ /> </td> <td> <asp:Button ID="btnAdd" runat="server" style="width: 90px" Text="Thêm" Width="75px" Height="25px" /> </td> </tr> <tr> <td class="style2" colspan="2"> <asp:ListBox ID="lblDanhSach" runat="server" BackColor="#0066CC" Font-Bold="True" ForeColor="White" Height="155px" Width="275px"> </asp:ListBox> </td> </tr> </table>
  • 31. Minh họa tổng hợp  Phần xử lý button “Thêm” trong file .cs 31 Nguyen Ha Giang protected void btnAdd_Click(object sender, EventArgs e) { // lấy nội dung user nhập trong textbox string Name = txtName.Text; // tạo listitem có thông tin là họ tên mới này ListItem newItem = new ListItem(Name); // kiểm tra nếu item không có trong listbox thì add // Items.Contains() trả về true nếu tồn tại, if (!lblDanhSach.Items.Contains(newItem)) lblDanhSach.Items.Add(newItem);// chưa có thêm vào }
  • 32. Minh họa tổng hợp  Chạy trong browser: F5 (debug) hoặc Ctrl + F5 (without debug) 32 Nguyen Ha Giang Chỉ thêm những item mới
  • 33. Checkbox & RadioButton  Thuộc tính  Checked: cho biết trạng thái được chọn  TextAlign: quy định vị trí hiển thị văn bản với điều khiển  AutoPostBack: quy định xem control có post back khi mục chọn thay đổi, mặc định là không  GroupName: (RadioButton), nhóm các điều khiển radiobutton lại thành một nhóm 33 Nguyen Ha Giang
  • 34. Checkbox & RadioButton  Minh họa 34 Nguyen Ha Giang <asp:CheckBox ID="CheckBox1" runat="server" Text="Anh văn" /> <asp:CheckBox ID="CheckBox2" runat="server" Text="Pháp văn" /> <asp:RadioButton ID="RadioButton1" runat="server" Text="Nam" GroupName="GT" /> <asp:RadioButton ID="RadioButton2" runat="server" Text="Nữ" GroupName="GT" /> <asp:RadioButton ID="RadioButton3" runat="server" Text="Dưới 1tr" GroupName="TN" /> <asp:RadioButton ID="RadioButton4" runat="server" Text="Từ 1tr - 3tr" GroupName="TN" /> <asp:RadioButton ID="RadioButton5" runat="server" Text="Trên 3tr" GroupName="TN" /> Thiết kế form Layout code In browser
  • 35. CheckBoxList - RadioButtonList  Dùng để tạo ra nhóm các CheckBox/ListBox  Đây là điều khiển danh sách nên nó cũng có thuộc tính items chứa tập hợp các mục chọn  Các thuộc tính  RepeatColumns: số cột hiển thị  RepeatDirection: hình thức hiển thị  Vertical: chiều dọc  Horizontal: chiều ngang  AutoPostBack: quy định điều khiển tự động postback về server, mặc định là ko được 35 Nguyen Ha Giang
  • 36. Minh họa CBL/RBL  Thêm các item vào radiobuttonlist checkboxlist 36 Nguyen Ha Giang Chọn edit item trong cửa sổ RadioButtonList Tasks Thêm các item vào, mỗi item là 1 radiobutton
  • 37. Minh họa CBL/RBL  Với CheckBoxList cũng làm tương tự: 37 Nguyen Ha Giang Chọn chức năng CheckBoxList ở bên phải của CheckBoxList Chọc chức năng Edit Items… Thêm các item, mỗi item khi thêm vào là 1 checkbox
  • 38. Minh họa CBL/RBL  Tạo web form cuối cùng có dạng sau  Phần xử lý:  Khi Submit thì thông tin chuyên ngành và các kỹ năng user chọn sẽ được hiển trị ở Label bên dưới button 38 Nguyen Ha Giang
  • 39. Minh họa CBL/RBL  Hàm xử lý sự kiện click của button Submit 39 Nguyen Ha Giang protected void Submit_Click(object sender, EventArgs e) { string chuyennganh; // lấy item được chọn trong radiobuttonlist chuyennganh = RadioButtonList1.SelectedItem.ToString(); // xuất thông tin chuyên ngành ra label Label1.Text = string.Format("Chuyên ngành<br/>{0} <br/>Kỹ năng", chuyennganh); // xác định các item được check trong CheckBoxList foreach(ListItem item in CheckBoxList1.Items) // duyệt qua từng item if (item.Selected) // kiểm tra xem item nào được check { // thêm item được chọn vào label Label1.Text += "<br/>"+item.ToString(); } }
  • 41. Liên kết DL với control dạng list  Tạo đối tượng kiểu SortedList  SortedList dùng để lưu danh sách item, được sắp theo thuộc tính khóa  Để liên kết đối tượng dữ liệu (đối tượng SortedList) thì dùng thuộc tính DataSource  <điều khiển>.DataSource = <đối tượng dữ liệu>  Thuộc tính DataTextField tham chiếu đến dl hiển thị  Thuộc tính DataValueField tham chiếu đến dữ liệu mà ta nhận từ SelectedValue hay SelectedItem.Value.  Sử dụng phương thức DataBind để hiển thị dữ liệu khi trang được load 41 Nguyen Ha Giang
  • 42. Liên kết DL với control dạng list  Minh họa tạo web form cho phép user chọn cầu thủ bóng đá ưa thích nhất.  Form như sau 42 Nguyen Ha Giang RadioButtonList: chứa danh sách cầu thủ, sẽ được liên kết với đối tượng SortedList Hiển thị cầu thủ được chọn
  • 43. Liên kết DL với control dạng list  Code khởi tạo web form 43 Nguyen Ha Giang protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) // chỉ khởi tạo lần đầu tiên { // tạo danh sách các cấu thủ SortedList list = new SortedList(); list.Add(1, "Cristiano Ronaldo“); list.Add(2, "Lionel Messi"); list.Add(3, "Kaka"); list.Add(4, "Ibrahimovic"); list.Add(5, "Franck Ribéry"); list.Add(6, "Wayne Rooney"); list.Add(7, "Didier Drogba"); list.Add(8, "Emmanuel Adebayor"); list.Add(9, "Samuel Eto’o"); // đưa danh sách vào RadioButtonList rblDSCauThu.DataSource = list; rblDSCauThu.DataTextField = "Value"; // hiển thị giá trị rblDSCauThu.DataValueField = "Key"; rblDSCauThu.DataBind(); // hiển thị danh sách lên control } }
  • 44. Liên kết DL với control dạng list  Xử lý: mỗi khi user chọn một cầu thủ thì thông tin sẽ được hiển thị trên label  Xử lý sự kiện SelectedIndexChanged của RadioButtonList  Để sự kiện này gởi về server tức thì: AutoPostBack = true 44 Nguyen Ha Giang protected void rblDSCauThu_SelectedIndexChanged(object sender, EventArgs e) { string cauthu = rblDSCauThu.SelectedItem.Text; lblBinhChon.Text = string.Format("Bạn bình chọn cầu thủ {0}", cauthu); }
  • 45. Liên kết DL với control dạng list  Kết quả khi chạy Web Form 45 Nguyen Ha Giang Chọn cầu thủ Hiển thị cầu thủ vừa chọn
  • 46. Automatic Postback  HTML server control cung cấp 2 sự kiện: ServerClick, ServerChange  Web control cung cấp đa dạng sự kiện  Click (Button, ImageButton)  TextChanged (TextBox)  CheckChanged (CheckBox, RadioButton)  SelectedIndexChanged (DropDownList, ListBox, CheckBoxList, RadioButtonList)  HTML server control kích hoạt những sự kiện khi postback xảy ra.  Web control có đặc tính có thể phát sinh sự kiện change tức thì bằng cách gọi postback. Gọi là automatic postback 46 Nguyen Ha Giang
  • 47. Automatic Postback  Để bắt sự kiện change cho Web control, thiết lập thuộc tính AutoPostBack = true  Khi đó control sẽ submit page khi nó dò ra hành động đặc biệt của user (chọn một item khác trong listbox).  Đặc tính này dùng JavaScript 47 Nguyen Ha Giang
  • 48. Automatic Postback 48 Nguyen Ha Giang <form id="form1" runat="server"> <div> <asp:TextBox id="txt" BackColor="Yellow" Text="Hello World" ReadOnly="true" TextMode="MultiLine" Rows="5" runat="server" ontextchanged="txt_TextChanged" /> </div> </form> <body> <form name="form1" method="post" action="WebForm2.aspx" id="form1"> <div> <textarea name="txt" rows="5" cols="20" readonly="readonly" id="txt" style="background-color:Yellow;">Hello World</textarea> </div> </form> </body> Webform2.aspx HTML render TextBox này có xử lý sự kiện txt_TextChanged nhưng không tự động Postback
  • 49. Automatic Postback 49 Nguyen Ha Giang <form id="form1" runat="server"> <div> <asp:TextBox id="txt" BackColor="Yellow" Text="Hello World" ReadOnly="true" TextMode="MultiLine" Rows="5" runat="server“ AutoPostBack="True" ontextchanged="txt_TextChanged" /> </div> </form> Webform2.aspx … <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } … TextBox tự động postback