intTypePromotion=1
zunia.vn Tuyển sinh 2024 dành cho Gen-Z zunia.vn zunia.vn
ADSENSE

Phát triển ứng dụng web nâng cao với ASP.net - Part 5

Chia sẻ: Huongdanhoctot Huongdanhoctot | Ngày: | Loại File: PDF | Số trang:22

65
lượt xem
12
download
 
  Download Vui lòng tải xuống để xem tài liệu đầy đủ

Tài liệu giảng dạy về ASP.net đã được giảng dạy với mục đích cung cấp cho sinh viên những kiến thức cơ bản nhất, có tính hệ thống liên quan tới lập trình. Thông qua cuốn tài liệu này, chúng tôi muốn giới thiệu với các bạn đọc về kỹ năng lập trình cơ bản.Mời các bạn cùng tham khảo

Chủ đề:
Lưu

Nội dung Text: Phát triển ứng dụng web nâng cao với ASP.net - Part 5

  1. 04/13/2010 TRƯ NG Đ I H C KHOA H C T NHIÊN KHOA CÔNG NGH THÔNG TIN B MÔN CÔNG NGH PH N M M --- --- Standard Server Control Môn h c: L p trình ASP.NET 1 N i dung trình bày 2 HTML server controls 1. Web server controls 2. Validation server controls 3. Web User Controls 4. 1
  2. 04/13/2010 Server controls 3 Là nh ng control mà Web server (IIS) có th “hi u ư c” M i server control bao g m T p các thu c tính (Properties) Các s ki n (Events) Các phương th c x lý s ki n (Methods) Dùng th hi n giao di n web 1. Html Server Controls 4 Là nh ng tag HTML ư c b sung thu c tính runat=“server” Có th l p trình g n k t x lý s ki n, truy xu t thu c tính c a HTML Server Controls
  3. 04/13/2010 2. Web Server Controls - wsc 5 ASP.NET server control G n k t v i thu c tính runat = ‘server’ Cung c p các cách th hi n giao di n ph c t p hơn như (calendars, data lists, data sources, tree views) Server Controls & HTML Controls 6 Server control HTML control Label, Text Field, Text Area, Hi n th Text Label, Literal, TextBox Password Field DropDownList, ListBox, List List Box, Dropdown DataList, Repeater Hi n th Image, ImageButton Image Image Hi n th Table Table, GridView Table Th c hi n Button, Reset Button, Button, LinkButton, ImageButton l nh Submit Button CheckBox, CheckBoxList, t giá tr Checkbox, Radio Button RadioButton, RadioButtonList 3
  4. 04/13/2010 Server Controls & HTML Controls 7 Server control HTML control Liên k t Hyperlink Anchor Ngày tháng Calendar none Qu ng cáo AdRotator none ư ng k none Horizontal Rule … … … Mô hình i tư ng trong server controls 8 4
  5. 04/13/2010 Properties 9 Có th ti n hành get ho c set giá tr các properties c a server control t i th i i m runtime. Demo ? Các Control trong ASP.NET 10 5
  6. 04/13/2010 a.Label control 11 Hi n th n i d ng c a static text ư c render thành HTML element. M c ích s d ng: Th hi n nôi d ng thông báo (l i, k t qu ) sau khi x y ra m t s ki n hay sau quá trình postback. Label demo 12 S d ng ToolTip in Label Thay i Label s d ng Programmatically 6
  7. 04/13/2010 b. Literal control 13 Hi n th static text, nhưng không kèm theo b t kỳ HTML element nào h t. c.Textbox control 14 Cho phép th hi n m t dòng hay nhi u dòng text S ki n căn b n: TextChange Demo S d ng OnTextChange event (x y ra postback- ý nghĩa ???) Thay i Textbox font, text style Ch ReadOnly SingleLine Mode, Password mode … 7
  8. 04/13/2010 d. Button Control 15 G m 3 lo i chính: Button LinkButton ImageButton T t c các button control u ti n hành postback v server khi x y ra s ki n click Demo Button programmatically Button visible LinkButton … Button Event 16 Có th ch n kích ho t m t trong hai hàm x lý s ki n chính khi th c hi n click vào Button Click: s d ng cho t ng button Command: s d ng khi nhi u button cùng lo i share chung m t hàm x lý s ki n Demo CommandEvent 8
  9. 04/13/2010 Button và client side event 17 ASP.NET cho phép t t c các control có th x lý các client-side event. Demo ClientEvent e. Checkbox control 18 Ch n l a tr ng thái True ho c False Thu c tính quan tr ng: Checked S ki n quan tr ng: CheckChanged Demo CheckChanged 9
  10. 04/13/2010 f. List control 19 Bao g m: DropDownList, ListBox, CheckBoxList, BulletedList, RadioButtonList Các thu c tính quan trong: Items, SelectedIndex, SelectedItem, SelectedValue S ki n quan tr ng: SelectedIndexChanged. Demo ListDemo Mô hình list control 10
  11. 04/13/2010 g. M t s control còn l i 21 Hyperlink control HyperlinkDemo Table control TableDemo Calendar control CalendarDemo CalendarSelect CalendarRender 3. Validation server control 22 Khái ni m Input Validation ASP.NET Validation Controls 11
  12. 04/13/2010 Khái ni m Input Validation 23 Ki m tra m t giá tr c n nh p li u vào m t control Validation controls Validation control ki m tra tính úng n c a d li u do client nh p vào trư c khi trang ư c g i v cho server Validation control S d ng khi Ki m tra n u d li u trong control khác giá tr cho RequiredFieldValidator trư c (m c nh là r ng) Ki m tra n u m c d li u nh p trong control gi ng CompareValidator v i control khác ho c so sánh v i m t giá tr c th Ki m tra n u m c d li u nh p trong control n m RangeValidator trong kho ng 2 giá tr Ki m tra n u m c d li u nh p trong control th a 1 RegularExpressionValidator công th c nh d ng ch nh Ki m tra tính úng n c a d li u nh p vào control CustomValidator s d ng client-side script ho c a server-side code, ho c c 2 Hi n th t t c các l i ki m tra x y ra trong trang ValidationSummary 12
  13. 04/13/2010 S d ng Validation Control Các bư c: Kéo th 1 validate control vào Web form Thi t l p các thu c tính cho validate control: ControlToValidate là control b n mu n ki m tra ErrorMessage : Thông báo l i Text : Hi n th c a validate control S d ng ValidationSummary control hi n th t t c các l i x y ra trong trang M c dù vi c ki m tra x y ra client, nhưng nó ch th c hi n khi có 1 s ki n post-back x y ra! 25 Ví d Đ t thu c tính ErrorMessage cho Validate control 26 13
  14. 04/13/2010 Ví d S d ng ValidationSummary 27 Ví d S d ng ValidationSummary control v i ShowMessage=True 28 14
  15. 04/13/2010 Required Field Validator Thu c tính Ý nghĩa ControlToValidate Control dùng th c hi n ki m tra InitialValue Giá tr dùng so sánh. M c nh là r ng. M u s : 29 Compare Validator Thu c tính Ý nghĩa ControlToValidate Control dùng th c hi n ki m tra ControlToCompare Control dùng so sánh Toán t so sánh: Equal, GreaterThan, GreaterThanEqual, Operator LessThan, LessThanEqual, NotEqual, ho c DataTypeCheck ValueToCompare Giá tr h ng s so sánh ControlToValidate v i Operator Ki m tra ki u d li u c a ControlToValidate: String, Integer, Type Double, Date, Currency 30 15
  16. 04/13/2010 Ví d - Ki m tra M t kh u và Xác nh n m t kh u Enter Password: Reenter Password: 31 Ví d - Ki m tra d li u là s nh hơn ho c b ng 18 Age:
  17. 04/13/2010 Ví d - Ki m tra d li u là ki u ngày tháng Sales Date: 33 Range Validator Thu c tính Ý nghĩa ControlToValidate Control dùng th c hi n ki m tra Giá tr c n dư i MinimumValue MaximumValue Giá tr c n trên Ki m tra ki u d li u c a ControlToValidate: String, Integer, Type Double, Date, Currency Enter a number between 1 and 20: 34 17
  18. 04/13/2010 Regular Expression Validator Email
  19. 04/13/2010 Regular Expression Validator Ký hi u Ý nghĩa \s Có ch a ký t kho ng tr ng \S Không ch a ký t kho ng tr ng \d Có ch a ký t s \D Không ph i ký t s * Ch nh 0 ho c nhi u + Ch nh 1 ho c nhi u ? Ch nh 0 ho c 1 {n} Ch nh có úng chính xác n l n nh có nhi u hơn n l n {n,} Ch {n,m} Ch nh có t n nml n 37 CustomValidator T vi t mã l nh ki m tra ch y trên server ho c client Trên Server t mã l nh ki m tra trong hàm x lý s ki n ServerValidate Ho c Trên Client Ch nh o n script ki m tra cho thu c tính ClientValidationFunction c a CustomValidator 38 19
  20. 04/13/2010 Ví d : T Ki m tra trên Server protected void MyValidate(object source, ServerValidateEventArgs args) { args.IsValid = false; if (TextBox1.Text == "abc") args.IsValid = true; } 39 Ví d : T ki m tra trên Client function ClientValidate(e, args) { args.IsValid = false; if (args.Value == "abc") args.IsValid = true; } 40 20
ADSENSE

CÓ THỂ BẠN MUỐN DOWNLOAD

 

Đồng bộ tài khoản
2=>2