• Vui lòng đọc nội qui diễn đàn để tránh bị xóa bài viết
  • Tìm kiếm trước khi đặt câu hỏi

Sử dụng Html Control cho trang ASP.NET

Các bài viết giới thiệu và hướng dẫn dành cho lập trình Web Forms

Điều hành viên: vietluyen

Hình đại diện của người dùng
NoBi
Quản trị
Quản trị
Bài viết: 946
Ngày tham gia: T.Ba 18/03/2008 1:22 pm
Đến từ: Sài Gòn
Has thanked: 50 time
Been thanked: 66 time
Liên hệ:

Sử dụng Html Control cho trang ASP.NET

Gửi bàigửi bởi NoBi » T.Ba 31/05/2011 4:41 pm

Tên bài viết: Sử dụng Html Control cho trang ASP.NET (không dùng Server Control)
Tác giả: NoBi
Cấp độ bài viết: Trung bình
Tóm tắt: Dùng server control làm cho trang load chậm, bài viết bên dưới sẽ tránh khuyết điểm này của asp.net bằng cách dùng html control.


Ưu điểm: không dùng server control nên nhẹ, chạy nhanh, dể áp dụng javascript.
Khuyết điểm: không trực quan (chấm xổ) như khi dùng server control nên trông code có vẻ khó hơn.

Lợi dụng việc POST lại (Post Back) của trang mà chúng ta có thể lấy được các giá trị đã nhập cho các html control.
Cho submit lại trang:
  1.         <table>
  2.             <tr>
  3.                 <td>Tên *</td><td><input type="text" name="s_Name" value="<%=s_Name%>" /></td>
  4.             </tr>
  5.             <tr>
  6.                 <td>Điện thoại</td><td><input type="text" name="s_Phone" value="<%=s_Phone%>" /></td>
  7.             </tr>
  8.             <tr>
  9.                 <td>Email *</td><td><input type="text" name="s_Email" value="<%=s_Email%>" /><td>
  10.             </tr>
  11.             <tr>
  12.                 <td>Mật khẩu *</td><td><input type="password" name="s_Password" id="s_Password" value="<%=s_Password%>" /><td>
  13.             </tr>
  14.             <tr>
  15.                 <td>Xác nhận mật khẩu *</td><td><input type="password" name="confirm_password" value="" /><td>
  16.             </tr>
  17.             <tr>
  18.                 <td>Địa chỉ</td><td><input type="text" name="s_Address" value="<%=s_Address%>" /><td>
  19.             </tr>
  20.             <tr>
  21.                 <td colspan="2">
  22.                     <input type="submit" name="contact_submitted" value="submit" /><span>&nbsp;</span>&nbsp;
  23.                     <input type="button" value="cancel" onclick="window.location = 'Default.aspx'" />
  24.                 </td>
  25.             </tr>
  26.         </table>

Lấy giá trị được post trong code behind:
  1. if (IsPostBack)
  2. {
  3. p.s_Name = HttpHelper.GetFormString("s_Name");
  4. p.s_Email = HttpHelper.GetFormString("s_Email");
  5. p.s_Password = HttpHelper.GetFormString("s_Password");
  6. p.s_Address = HttpHelper.GetFormString("s_Address");
  7. p.s_Phone = HttpHelper.GetFormString("s_Phone");
  8. }

Cách viết này giống với asp trước đây, chúng ta chỉ lợi dụng sức mạnh của .NET Framework để xử lý ở code behind.

Bạn có thể xem chi tiết ở demo bên dưới:
Restore database trong App_Data\VBClub.bak. Sửa lại ConnectionString cho phù hợp.

Kỳ tới: phân trang & ajax
Tập tin đính kèm
Caulacbovb_ASP.Net.zip
Demo
(239.34 KiB) Đã tải 779 lần


:>

Hình đại diện của người dùng
NoBi
Quản trị
Quản trị
Bài viết: 946
Ngày tham gia: T.Ba 18/03/2008 1:22 pm
Đến từ: Sài Gòn
Has thanked: 50 time
Been thanked: 66 time
Liên hệ:

Re: Sử dụng Html Control cho trang ASP.NET

Gửi bàigửi bởi NoBi » T.Tư 20/07/2011 2:59 pm

Tiếp theo bài viết đầu. Ở bài viết này, mình sẽ demo phần phân trang cho ví dụ trước. Để phân trang, mình tạo 1 class Pager để sinh ra html code phân trang.
Tập tin đính kèm
paging.jpg
Caulacbovb_Paging.rar
Demo Paging
(203.02 KiB) Đã tải 418 lần
:>


Quay về “[ASP.NET] Bài viết giới thiệu, hướng dẫn”

Đang trực tuyến

Đang xem chuyên mục này: Không có thành viên nào trực tuyến.1 khách