Bài 2: Hướng dẫn làm việc với các điều khiển ASP.NET và các khái niệm cơ bản Phát triển ứng dụng ASP.NET Kiểm thử và gỡ lỗi ứng dụng Hệ thống bài cũ Hướng dẫn làm việc với các điều khiển 2 Mục tiêu bài học 1. Điều khiển Hướng dẫn làm việc với các điều khiển 3 2. Làm việc với điều khiển Web Server Hướng dẫn làm việc với các điều khiển 4 Điều khiển Một thành phần quan trọng để tạo ra các Web Form là điều khiển Điều khiển sử dụng để: Xây dựng giao diện đồ họa cho ứng dụng Hiển thị dữ liệu cho người dùng Cho phép người dùng tương tác với Web Form: nhập liệu, chuyển trang… Hướng dẫn làm việc với các điều khiển 5 Một thành phần quan trọng để tạo ra các Web Form là điều khiển Điều khiển sử dụng để: Xây dựng giao diện đồ họa cho ứng dụng Hiển thị dữ liệu cho người dùng Cho phép người dùng tương tác với Web Form: nhập liệu, chuyển trang… ASP.NET cung cấp hai loại điều khiển sau Điều khiển Web Server Điều khiển HTML Các loại điều khiển trong ASP.NET Các điều khiển Web server Các điều khiển HTML ASP.NET cung cấp hai loại điều khiển sau Điều khiển Web Server Điều khiển HTML Hướng dẫn làm việc với các điều khiển 6 Các điều khiển HTML Máy client HTML Request HTML Response Trình duyệt Web xử lý HTML Response và hiển thị giao diện trang web Server Web Server CSDL Điều khiển Web Server Được thực thi như mã kịch bản phía server ASP.NET cung cấp các lớp để làm việc với các điều khiển. Các lớp này nằm trong namespace: System.Web.UI.WebControls Ngoài các điều khiển nhập liệu quen thuộc như textbox, label, button… còn có các điều khiển sử dụng cho mục đích đặc biệt như: calender, Menu, Treeview…. Điều khiển Web Server Điều khiển Web Server Được thực thi như mã kịch bản phía server ASP.NET cung cấp các lớp để làm việc với các điều khiển. Các lớp này nằm trong namespace: System.Web.UI.WebControls Ngoài các điều khiển nhập liệu quen thuộc như textbox, label, button… còn có các điều khiển sử dụng cho mục đích đặc biệt như: calender, Menu, Treeview…. Hướng dẫn làm việc với các điều khiển 7 Cú pháp <asp:control_name id="some_id" runat="server" /> Các tính năng cung cấp bởi điều khiển Web Server: Phát hiện trình duyệt Sử dụng Template (học trong bài 5) Sử dụng theme (học trong bài 5) Điều khiển Web Server Cú pháp <asp:control_name id="some_id" runat="server" /> Các tính năng cung cấp bởi điều khiển Web Server: Phát hiện trình duyệt Sử dụng Template (học trong bài 5) Sử dụng theme (học trong bài 5) Hướng dẫn làm việc với các điều khiển 8 Điều khiển HTML Không được thực thi trên Server. Để nhận diện như một điều khiển trên server, phải thiết lập giá trị “server”: cho thuộc tính runat của điều khiển Cú pháp giống như các phần tử HTML chuẩn Ví dụ textbox <input id =“txtProductName type =“text”/> Không cung cấp nhiều tính năng như điều khiển Web Server Điều khiển HTML Điều khiển HTML Không được thực thi trên Server. Để nhận diện như một điều khiển trên server, phải thiết lập giá trị “server”: cho thuộc tính runat của điều khiển Cú pháp giống như các phần tử HTML chuẩn Ví dụ textbox <input id =“txtProductName type =“text”/> Không cung cấp nhiều tính năng như điều khiển Web Server Hướng dẫn làm việc với các điều khiển 9 Hướng dẫn làm việc với các điều khiển 10 [...]... Data chứa các điều khiển dùng để truy xuất và hiển thị giá trị từ CSDL Hướng dẫn làm việc với các điều khiển 13 Toolbox RequiredFieldValidator Nhóm Validation gồm các điều khiển kiểm tra tính hợp lệ của dữ liệu được nhập vào Web Form CompareValidator Hướng dẫn làm việc với các điều khiển 14 Toolbox SiteMapPath Menu Nhóm Navagation tạo menu điều hướng TreeView Hướng dẫn làm việc với các điều khiển 15... hình ảnh với một hoặc nhiều vùng có thể kích chọn Hướng dẫn làm việc với các điều khiển 20 Demo Điều khiển TextBox, Label, Button Nội dung demo: Tạo Form gồm các điều khiển nhập liệu cơ bản Hiển thị thông báo khi người dùng nhập liệu và nhấn chuột lên button Lúc ban đầu Hướng dẫn làm việc với các điều khiển Sau khi người dùng nhập liệu và nhấn lên button 21 Demo Điều khiển TextBox, Label, Button Các bước.. .Làm việc với các điều khiển Hai công cụ đắc lực khi làm việc với điều khiển là: Nút hiển thị thuộc tính Nút hiển thị sự kiện Toolbox Chứa các điều khiển được phân theo nhóm Cửa sổ Properties Dùng để thiết lập thuộc tính và sự kiện cho điều khiển Thêm một điều khiển Kéo điều khiển từ Toolbox vào màn hình thiết kế Thiết lập thuộc tính và sự kiện cho điều khiển sử dụng cửa sổ Properties Hướng dẫn làm. .. cấp các tính năng xác thực người dùng Hướng dẫn làm việc với các điều khiển Hỗ trợ sử dụng AJAX trong Web Form 16 Cửa sổ Properties Sử dụng để: Danh sách thuộc tính của điều khiển Thiết lập thuộc tính Thêm sự kiện Các thuộc tính thường dùng ID, Text, Visible, Height, Width, Font, ForeColor, TabIndex Hướng dẫn làm việc với các điều khiển 17 Cửa sổ Properties Các sự kiện thường dùng Click: Các điều khiển. .. Properties Hướng dẫn làm việc với các điều khiển Danh sách thuộc tính/sự kiện 11 Toolbox Tool box: Hỗ trợ việc tạo các điều khiển qua giao diện đồ họa Các điều khiển được sắp xếp theo nhóm TextBox Image Button Drop-down list Radio button/ Radio button list Check box Textbox Button Label Nhóm Standard gồm các điều khiển cơ bản dùng cho nhập liệu Hướng dẫn làm việc với các điều khiển 12 Toolbox SqlDataSource... được chọn Lúc ban đầu Hướng dẫn làm việc với các điều khiển Sau khi người dùng chọn các check box, Radio button và nhấn Submit 25 Demo Check Box, Radio Button Các bước thực hiện Thiết lập các thuộc tính cho các điều khiển sử dụng cửa sổ Properties Radio button: ID, Text, GroupName, Checked CheckBox: ID, Text, Checked Viết mã xử lý sự kiện Hướng dẫn làm việc với các điều khiển 26 Demo Check Box, Radio... http://msdn.microsoft.com/enus/library/system.web.ui.webcontrols.listitemcollection.aspx Hướng dẫn làm việc với các điều khiển 31 Thêm Item cho List Control Hai cách thêm các Item cho List Control: Sử dụng Code C# Sử dụng “ListItem Collection Editor” Hướng dẫn làm việc với các điều khiển 32 Demo Thêm Item cho List Control Tạo một điều khiển Drop-down List ddlDay chứa danh sách các ngày trong tuần sử dụng ListItem Collection Editor Các thuộc tính của từng Item:... } Hướng dẫn làm việc với các điều khiển Kiểm tra radio button được chọn trong nhóm Gender Kiểm tra các Check box được chọn 27 Làm việc với List Control List Control là các loại điều khiển biểu diễn thông tin dưới dạng danh sách các ListItem Năm loại List Control: Drop-down List (ddl) List Box (Lst) Radio Button List (rbl) Check Box List (cbl) Bulleted List (blst) Bulleted List Hướng dẫn làm việc với. .. trong List Box Hướng dẫn làm việc với các điều khiển 29 ListItem & ListItemCollection ListItemCollection: Tập hợp các Item của List Control Trong ví dụ: {Black, Red, Blue, Green} ListItem: Một Item cụ thể của List Control Ví dụ: Black hoặc Red hoặc Blue… Hướng dẫn làm việc với các điều khiển 30 ListItem & ListItemCollection Các thuộc tính quan trọng của ListItem: Text, Value, Selected Các thuộc tính/phương... khiển TextBox, Label, Button Các bước thực hiện Thêm các điều khiển Thiết lập thuộc tính cho điều khiển sử dụng cửa sổ Properties TextBox: ID, TextMode, Text MaxLength Label: ID, Text Button: ID, Text Thêm sự kiện, viết mã xử lý sự kiện Click của điều khiển button Gán giá trị cho thuộc tính Text của Label Hướng dẫn làm việc với các điều khiển 22 Demo Điều khiển TextBox, Label, Button Đoạn mã tạo Text box . tiêu bài học 1. Điều khiển Hướng dẫn làm việc với các điều khiển 3 2. Làm việc với điều khiển Web Server Hướng dẫn làm việc với các điều khiển 4 Điều khiển Một thành phần quan trọng để tạo ra các. năng như điều khiển Web Server Hướng dẫn làm việc với các điều khiển 9 Hướng dẫn làm việc với các điều khiển 10 Hai công cụ đắc lực khi làm việc với điều khiển là: Toolbox Chứa các điều khiển được. Bài 2: Hướng dẫn làm việc với các điều khiển ASP.NET và các khái niệm cơ bản Phát triển ứng dụng ASP.NET Kiểm thử và gỡ lỗi ứng dụng Hệ thống bài cũ Hướng dẫn làm việc với các điều khiển 2 Mục