Bài giảng lập trình Asp .NET làm việc với điều khiển

aspnet
aspnet
Làm việc với các control
Làm việc với các control
(Working with controls)
(Working with controls)
Trình bày: Hà Đồng Hưng
Giới thiệu VMWare Workstation
2
Mục tiêu
Mục tiêu
•
Server controls khác HTML controls
•
Các control đơn giản
–
Label, Buttons (Button, LinkButton, ImageButton),
TextBox
–
List Controls (ListBox, DropDownList, Table,DataGrid,
DataList, Repeater )
•
Kết dữ liệu với control
–
Kết dữ liệu đơn giản
–
Kết dữ liệu với Cơ sở dữ liệu
•
Các control kiểm tra tính hợp lệ
•
Các control khác

Giới thiệu VMWare Workstation
3
Mục tiêu
Mục tiêu
•
Server controls khác HTML controls
•
Các control đơn giản
–
Label, Buttons (Button, LinkButton, ImageButton),
TextBox
–
List Controls (ListBox, DropDownList,
Table,DataGrid, DataList, Repeater )
•
Kết dữ liệu với control
–
Kết dữ liệu đơn giản
–
Kết dữ liệu với Cơ sở dữ liệu
•
Các control kiểm tra tính hợp lệ
•
Các control khác
Giới thiệu VMWare Workstation
4
Server control khác HTML control
Server control khác HTML control
Feature Server controls HTML controls
Server events Gây ra các sự kiện cụ thể của các control

trên server.
Chỉ có thể gây ra các sự kiện cấp
độ page trên server (post-back)
State
Management
Dữ liệu nhập trong các control được duy
trì xuyên suốt các yêu cầu trang.
Dữ liệu không được duy trì; phải
được cất giữ và phục hồi bằng
cách sử dụng kịch bản cấp độ
page
Adaptation Tự động phát hiện trình duyệt và điều biến
trình bày thích hợp.
Không tự động điều biến; phải
viết code phát hiện trình duyệt
hoặc viết các mẫu chung
Properties .NET Framework cung cấp tập hợp các
thuộc tính cho mỗi control. Các thuộc tính
cho phép thay đổi các hành xử và trình bày
của control trong mã server-side.
Chỉ có các thuộc tính HTML
Giới thiệu VMWare Workstation
5
Sử dụng HTML controls ???
Sử dụng HTML controls ???
Các lý do sử dụng HTML controls :
•
Chuyển từ các phiên bản trước của ASP.
•
Không phải tất cả các controls đều đòi hỏi sự kiện phía Server

hay quản lý trạng thái.
–
Điều này thực sự đặc biệt khi thực hiện kết dữ liệu. Các mục kết
thường được làm mới lại từ nguồn dữ liệu với mỗi request, vì thế sẽ
hiệu lực hơn khi thông tin trạng thái không duy trì cho các control
kết dữ liệu.  sử dụng HTML control hoặc tắt sự quản lý trạng
thái của các server control kết dữ liệu.
•
Bạn có đầy đủ các HTML control để dàn trang.
Giới thiệu VMWare Workstation
6
Sự khác biệt trong các thẻ HTML
Sự khác biệt trong các thẻ HTML
•
Server control:
–
<asp:controlname id="some_id" runat="server"/>
•
HTML control:
–
HTML tags
•
Ví dụ:
–
<asp:TextBox id="txtText" runat="server"></asp:TextBox>
–
<INPUT type="text" id="textfield1">
–
<asp:Button id="btnShow" runat="server"
Text="Show"></asp:Button>

–
<INPUT type="button" value="Show">
Giới thiệu VMWare Workstation
7
Server Control và HTML Control
Server Control và HTML Control
Server control HTML control
Trình bày văn
bản
Label, TextBox, Literal Label, Text Field, Text Area,
Password Field
Trình bày bảng
biểu
Table, DataGrid(Gridview) Table
Danh sách lựa
chọn
DropDownList, ListBox, DataList,
Repeater
List Box, Dropdown
Thực hiện lệnh Button, LinkButton, ImageButton Button, Reset Button, Submit
Button
Thiết lập giá trị CheckBox, CheckBoxList, RadioButton,
RadioButtonList
Checkbox, Radio Button
Trình bày ảnh Image, ImageButton Image
Điều hướng Hyperlink Không có (sử dụng thẻ <a>)
Giới thiệu VMWare Workstation
8
Server Controls and HTML Controls
Server Controls and HTML Controls

Nhóm các control Panel, Placeholder Flow Layout, Grid
Layout
Làm việc với ngày
tháng
Calendar Không
Trình bày quảng cáo AdRotator không
Trình bày thước kẻ
nằm ngang
Literal Horizontal Rule
Lấy tập tin từ máy
khách
FileUpload File Field
Lưu trữ dữ liệu trên
trang
(được cung cấp bởi state management) Input Hidden
Kiểm tra hợp lệ dữ
liệu
RequiredFieldValidator, CompareValidator,
RangeValidator, RegularExpressionValidator,
CustomValidator,ValidationSummary
không (dùng cấp
kịch bản trên trang)
Giới thiệu VMWare Workstation
9
Mục tiêu
Mục tiêu
•
Server controls khác HTML controls
•
Các control đơn giản

–
Label, Buttons (Button, LinkButton,
ImageButton), TextBox
–
List Controls (ListBox, DropDownList,
Table,DataGrid, DataList, Repeater )
•
Kết dữ liệu với control
–
Kết dữ liệu đơn giản
–
Kết dữ liệu với Cơ sở dữ liệu
•
Các control kiểm tra tính hợp lệ
•
Các control khác
Giới thiệu VMWare Workstation
10
Các control đơn giản
Label, Buttons, TextBox - HTML tags
Các control đơn giản
Label, Buttons, TextBox - HTML tags
•
Label
–
<asp:Label id="Label1" runat="server">Please input
text</asp:Label>
•
Buttons (Button, LinkButton, ImageButton)
–

<asp:Button id="Button1" runat="server"
Text="Button"></asp:Button>
–
<asp:LinkButton id="LinkButton1"
runat="server">LinkButton</asp:LinkButton>
–
<asp:ImageButton id="ImageButton1"
runat="server"></asp:ImageButton>
•
TextBox
–
<asp:TextBox id="TextBox1"
runat="server"></asp:TextBox>
Giới thiệu VMWare Workstation
11
Các control đơn giản
Đặt các thuộc tính lúc Design
Các control đơn giản
Đặt các thuộc tính lúc Design
Button
Link Button
Image Button
Giới thiệu VMWare Workstation
12
Các control đơn giản
Các thuộc tính chung
Các control đơn giản
Các thuộc tính chung
Thuộc tính Sử dụng để
Text Lấy hoặc thiết lập dữ liệu trong TextBox.

TextMode Trình bày đơn dòng SingleLine, đa dòng MultiLine (scrollable),
hoặc mật khẩu Password.
Enabled Bật/tắt tính khả dụng của TextBox
Visible Ẩn/hiện TextBox
ReadOnly Chỉ đọc, ngăn ngừa user thay đổi văn bản trên TextBox.
AutoPostBack Khi giá trị là True, TextBox sẽ gây ra sự kiện post-back TextChanged
khi user rời khỏi TextBox sau khi đã thay đổi nội dung.
•
Label, Buttons
–
Thuộc tính Text
•
TextBox
Giới thiệu VMWare Workstation
13
Kiểm tra lại các thuộc tính của Textbox
Kiểm tra lại các thuộc tính của Textbox
if(txtUser.Text == "Guest" && txtPassWord.Text == "Moon“)
Response.Redirect("Webform2.aspx");
else
{
txtUser.ReadOnly = true;
txtPassword.ReadOnly = true;
}
Viết code thực hiện
sau:
Giới thiệu VMWare Workstation
14
Mục tiêu
Mục tiêu

•
Server controls khác HTML controls
•
Các control đơn giản
–
Label, Buttons (Button, LinkButton, ImageButton),
TextBox
–
List Controls (ListBox, DropDownList,
Table,DataGrid, DataList, Repeater )
•
Kết dữ liệu với control
–
Kết dữ liệu đơn giản
–
Kết dữ liệu với Cơ sở dữ liệu
•
Các control kiểm tra tính hợp lệ
•
Các control khác