Bài 8 - Làm việc với Controls. Bài này gồm có những nội dung chính sau: Khái quát về Controls (Server Controls), cú pháp Controls, phân loại, đối tượng Controls, tương tác với Control. Mời các bạn cùng tham khảo để biết thêm các nội dung chi tiết.
Bài 08: Làm việc với Controls Lê Quang Lợi Email: loilequang@gmail.com loilq@utehy.edu.vn Bài 08: Làm việc với Controls » Controls » Cú pháp » Phân loại » Tương tương tác Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.1 Khái quát Controls (Server Controls) » Server Control: giao diện cụ thể (thiết kế) » Kế thừa từ đối tượng Control (System.Web.UI.Control) » Cho phép thiết kế giao diện tương tác người dùng » Hỗ trợ thiết kế theo Template » Hỗ trợ lập trình kiện control » Nhiều control hỗ trợ yêu cầu cụ thể » Khi dịch trả về: thẻ/tập thẻ HTML Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.2 Cú pháp Controls » Cú pháp » ID/Tên: tên server control » Thuộc tính: quy định giá trị control » ID, Runat » Text, Value, Items, … » Thuộc tính kiện: cho phép nối với hàm xử lý kiện » Click, DoubleClick, Forcus … Ví dụ: Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.2 Cú pháp Controls » Một số thuộc tính hay dùng control ID: tên định danh thẻ Runat: định cài đặt phía server CSSClass: CSS cho server control Font: Font chữ cho control Enable: cho phép /không cho phép control sử dụng Visitable: hiển thị/không hiển thị mặc định True Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.3 Phân loại » HTML Control: thể thẻ HTML trang ASP.NET » Control bản: Cung cấp giao diện bản( field) » Control nâng cao: Cung cấp giao diện phức tạp » Control Validation: kiểm tra tính hợp lệ liệu control » DataControl: kết nối hiển thị CSDL » Webpart Control: Control xây dựng sẵn » Ajax Control : Control hỗ trợ kỹ thuật Ajax ASP.NET Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.3.1 HTML Controls » Thể thẻ HTML trang ASP.NET » Mỗi thẻ HTML coi HTML Control » Server không dịch (chuyển thẳng phía Client) » Cho phép thiết kế giao diện trang Web » Chuyển thành ServerControl: thêm (runat=“server”) Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.3.2 Standard Controls » CommandControls: Button, imageButton, LinkButton Thuộc tính Text: chứa/hiển thị văn gõ/cài đặt Sự kiện click: thể kiện tương tác với server Thực hàm (submit/postback): gửi liệu Server » Trường liệu:Text, Lable, RadioButton, Checkbox Text: Giá trị văn đối tượng TextMode=“Single/MultiLine/Password”: (Chế độ hiển thị) Checked: true/false (lựa chọn == true; ngược lại == false) Thể trường nhập liệu Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.3.2 Standard Controls » ListControls: ListBox, RadioButtonList, CheckedListBox » Thể danh sách đối tượng nhóm » Thuộc tính » Items: thể tập Item nhóm » SelectedItem/SlectedText/Selectedvalue: chọn Item » Sự kiện SelectedChange: Khi thay đổi lựa chọ item Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.3.2 Standard Controls » Table: thể bảng liệu theo hàng cột Thuộc tính: rows, cols chứa hàng cột » Image: thể hình ảnh Thuộc tính navigatorURL chứa vị trí file ảnh » Panel: dựa thẻ div chứa control khác » Multivew: thể nhiều khung cảnh (giao diện) Thuộc tính Views: chứa view mutlview Phương thức SetView: thể view thiết lập Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.3.3 Validation Control » Control kiểm tra liệu cho Controls khác » Các Controls RequiredValidator: yêu cầu không để trống RangeValidator: nhập theo phạm vi ComparedValidator: so sánh giá trị server control RegularExpesstionValidator:phù hợp biểu thức mẫu CustomValudator: loại đơn giản khác » Thuộc tính ControlsToValidator: control cần kiển tra ErrorMessage: thông báo có lỗi Lê Quang Lợi: loilequang@gmail.com Mơn học : Cơng nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.3.4 Rick Control » Login, Logout, Regist, Reset » Calendard: lịch biểu webform » Thể giao diện tích hợp controls » Thể cấu trúc giao diện riêng/đặc thù » Xây dựng sẵn từ server controls Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.3.5 Menu Cotrols (tự nghiên cứu) » Menu: thể danh sách Item nhóm » SiteMap: thể đồ trang web » TreeView : thể Menu dạng (Tree Node) Chú ý: Ý nghĩa, cách sử dụng, kiện, thuộc tính quan trọng Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.4 Đối tượng Controls » Các control kế thừa từ lớp Control Các thuộc tính: ID, Reunat , … Phương thức (hàm): function Sự kiện: Click, Forcus … » Đối tượng Control tạo thể nghiệm cụ thể control » Cho phép tương tác control lập trình Lê Quang Lợi: loilequang@gmail.com Mơn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8.5 Tương tác với Control » Tạo control: Button btn = new Button(); » Đính control giao diện: Controls.Add(btn); » Sử dụng Control Thiết lập thuộc tính: btn.Text=“ClickMe”; Lấy giá trị thuộc tính: string str=btn.Text Cài đặt kiện cho control btn.Click += new EventHandler( myClick()); Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY .. .Bài 08: Làm việc với Controls » Controls » Cú pháp » Phân loại » Tương tương tác Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8. 1 Khái quát... CSDL » Webpart Control: Control xây dựng sẵn » Ajax Control : Control hỗ trợ kỹ thuật Ajax ASP.NET Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8. 3.1... thiết kế giao diện trang Web » Chuyển thành ServerControl: thêm (runat=“server”) Lê Quang Lợi: loilequang@gmail.com Môn học : Công nghệ WEB (ASP.NET) CNPM-CNTT-ĐHSPKT HY 8. 3.2 Standard Controls