• 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

Moderator: vietluyen

User avatar
NoBi
Quản trị
Quản trị
Posts: 959
Joined: Tue 18/03/2008 1:22 pm
Location: Sài Gòn
Has thanked: 53 times
Been thanked: 66 times
Contact:

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

Postby NoBi » Tue 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:
[csharp]if (IsPostBack)
{
p.s_Name = HttpHelper.GetFormString("s_Name");
p.s_Email = HttpHelper.GetFormString("s_Email");
p.s_Password = HttpHelper.GetFormString("s_Password");
p.s_Address = HttpHelper.GetFormString("s_Address");
p.s_Phone = HttpHelper.GetFormString("s_Phone");
}[/csharp]
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
Attachments
Caulacbovb_ASP.Net.zip
Demo
(239.34 KiB) Downloaded 869 times


:>

User avatar
NoBi
Quản trị
Quản trị
Posts: 959
Joined: Tue 18/03/2008 1:22 pm
Location: Sài Gòn
Has thanked: 53 times
Been thanked: 66 times
Contact:

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

Postby NoBi » Wed 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.
Attachments
paging.jpg
Caulacbovb_Paging.rar
Demo Paging
(203.02 KiB) Downloaded 474 times
:>


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

Who is online

Users browsing this forum: No registered users and 1 guest