Tài liệu Bài 2: Standard Controls ppt

Bài 2: Standard Controls • Giới thiệu • Giới thiệu(tt) • Label(Nhãn) Tên thuộc tính Mô tả ID Tên điều khiển Text Nội dung hiển thị BackColor Màu nền của Label BorderColor Màu đường viền BorderStyle Kiểu đường viền của Label CssClass Gán lớp css Font Phông chữ ForeColor Màu chữ nội dung ToolTip Chú thích(di chuyển chuột vào Label) • TextBox Tên thuộc tính Mô tả ID Tên điều khiển Text Nội dung hiển thị TextMode Kiểu hiển thị của Textbox gồm 3 giá trị: +SingleLine: hiển thị 1 trường nhập liệu trên 1 dòng +MultiLine: hiển thị 1 trường nhập liệu nhiều dòng + Password: hiển thị 1 trường nhập mà Text sẽ được thay thế bằng các ký tự đặc biệt TextBox Tên thuộc tính Mô tả Columns Chỉ định số cột được hiển thị trong TextBox Rows Cho phép chỉ định số dòng hiển thị trong TextBox TabIndex Cho phép chỉ định thứ tự Tab của TextBox MaxLength Cho phép quy đinh độ dài của dữ liệu mà một người sử dụng có thể nhập trên TextBox TextBox Tên phương thức , Sự kiện Mô tả Focus cho phép thiết lập form khởi tạo ưu tiên tới TextBox TextChanged Xảy ra trên Server khi nội dung TextBox thay đổi. để sự kiên này xảy ra bạn cần thiết đặt thuộc tính AutoPostback là true. • Button Tên thuộc tính Mô tả ID Tên điều khiển Text Nội dung hiển thị CommandArgument Cho phép bạn chỉ rõ đối số được truyền tới lệnh thực hiện. CommandName Chỉ định tên một lệnh được truyền tới trong Command Event. Enabled Vô hiệu hóa Button OnClientClick Cho phép chỉ định đến một hàm phía client khi nhấn vào Button. Button Tên phương thức , Sự kiện Mô tả Click Xảy ra khi Button được nhấn Command Xảy ra khi điều khiển Button được nhấn. CommandName và CommandArgument được truyền qua sự kiện. • Bài tập – Tạo giao diện gửi thông tin góp ý. • Bài tập – Khi nhấn nút gửi góp ý . • Nếu chưa nhập thông tin Họ Tên, Địa chỉ, Tiêu đề, Nội dung thì hiển thị thông báo ‘’Bạn phải nhập thông tin’’ • Nếu đã nhập thông tin thì hiện thị thông tin. – Gợi ý: • Dùng JavaScript để hiển thị thông báo. function KiemTraDuLieu() { if (document.getElementById("< %=HoTen.ClientID%>").value=="") { alert("Bạn phải nhập Họ tên"); return false; } return true; } • Gọi hàm ở nút nhấn: OnClientClick="return KiemTraDuLieu();" ImageButton Tên thuộc tính Mô tả ImageUrl Đường dẫn đến tập tin ảnh ImageAlign Canh lề ảnh • Bài tập – Bài 1:Tạo giao diện cho phần quản trị gồm 2 trang :Admin.aspx và ChangePassword.aspx. • CheckBox Tên thuộc tính Mô tả ID Tên điều khiển Checked Chỉ định trạng thái chọn hay không chọn -True:Chọn -False:Không chọn Text Nội dung hiển thị TextAlign Canh lề nội dung hiển thị - Left:Bên trái CheckBox - Right:Bên phải CheckBox RadioButton Tên thuộc tính Mô tả ID Tên điều khiển Checked Chỉ định trạng thái chọn hay không chọn -True:Chọn -False:Không chọn Text Nội dung hiển thị TextAlign Canh lề nội dung hiển thị - Left:Bên trái CheckBox - Right:Bên phải CheckBox GroupName Chỉ định nhóm cho RadioButton HiddenField Tên thuộc tính Mô tả ID Tên điều khiển Value Giá trị File Upload Tên thuộc tính Mô tả ID Tên điều khiển Enable Gán thuộc tín vô hiệu hóa điều khiển FileName Lấy tên file được upload HasFile Trả về giá trị =true nếu đã chọn File upload.Ngược lại =False FileBytes Lấy nội dung đã Upload như 1 mảng byte FileContent Lấy nội dung của file đã được upload theo dòng dữ liệu File Upload Tên phương thức , Sự kiện Mô tả Focus() Đặt con trỏ đến điều khiển SaveAs(string filename) Lưu File Upload vào hệ thống Kích thước mặc định và 4096 byte • File Upload – Ví dụ :Tạo giao diện như hình sau.Chọn 1 tập tin và nhấn nút Upload sẽ upload tập tin lên thư mục C:\upload. • Gợi ý:Vào ToolBox.Chọn điều khiển FileUpload. • File Upload – Gợi ý :Vào ổ đĩa C tạo thư mục Upload và viết sự kiên cho nút Upload: protected void Button1_Click(object sender, EventArgs e) { string filepath = "C:\\Upload\\" + FileUpLoad1.FileName; FileUpLoad1.SaveAs(filepath); } • Bài tập – Bài 1:Tạo giao diện cập nhật tin tức. • Bài tập • Khi chọn tập tin và nhấn Lưu sẽ Upload tập tin lên thư mục C:\upload • Kiểm tra đuôi mở rộng trước khi Upload .Chỉ cho Upload tập tin có đuôi mở rộng là :jpg,doc,gif • Thay đổi đường dẫn thư mục Upload tập tin vào thư gốc của Website • Gợi ý: – Tạo thư mục :Upload trong Website. – Lấy đường dẫn đến thư mục Upload string s=MapPath(‘’ ~\Upload’’ ); – Lấy đuôi mở rộng (‘’.jpg’’ hoặc ‘’.gif’’) System.IO.Path.GetExtension(FileUpload1.FileName); • Master Page • Giới thiệu: • Master tạo bố cục cho 1 trang web (banner,footer,left,right).Tập tin master có đuôi mở rộng .Master • Master có thể lồng nhiều cấp. Master Page Master Page Master Page [...]... =“Tên_MasterPage’’ ở phần đấu trang() – Khái báo thuộc tính trong thẻ asp:content là ContentPlaceHolderID=“ID PlaceHoler” trong trang MasterPage • Master Page Master Page Master Page • Master Page – Bài tập:Tạo trang master page theo cấu trúc sau: . Bài 2: Standard Controls • Giới thiệu • Giới thiệu(tt) • Label(Nhãn) Tên thuộc tính. FileUpLoad1.FileName; FileUpLoad1.SaveAs(filepath); } • Bài tập – Bài 1:Tạo giao diện cập nhật tin tức. • Bài tập • Khi chọn tập tin và nhấn Lưu sẽ Upload tập