Hướng dẫn cấu hình và sử dụng Ajax Control Toolkit trên ASP.NET


Đôi khi bạn cần nhập ngày tháng năm vào 1 Textbox trên web ASP.NET bạn sẽ gặp hình ảnh như thế này đây:






Các bạn thấy đó ta chỉ cần đượt chuột vào ô Textbox đó thì hiện ra màn hình cho ta tự chọn được ngày tháng năm cần nhập, rất tiện lợi và tiết kiệm được thời gian của mình. Đó chính là Ajax Control Toolkit trên ASP.NET

Trong bài viết hôm nay tôi sẽ hướng dẫn các bạn cách làm được điều như thế!

Đầu tiên bạn cần tải Source Ajax Control Toolkit cho Net framework 3.5 tại đây:  Tải Ajax Control Toolkit cho Net 3.5  về máy của mình để thực hiện.

Và bạn có thể tải Ajax Control Toolkit cho Net 4.0 tại đây: Tải Ajax Control Toolkit cho Net 4.0
Bạn nhìn vào Toolbox thấy chưa xuất hiện các Control của Ajax Control Toolkit


Bây giờ đi add thêm Control cho nó bằng cách làm theo hình bên dưới





Đã xuất hiện các Control mới rồi đây:


Để sử dụng được trước tiên bạn cần kéo vào Control ScriptManager như hình bên dưới


Sau đó add vào 1 Textbox bình thường như mọi khi sử dụng nhưng lúc này bạn thấy nó xuất hiện thêm dâu > phía sau để cho ta chọn Calendar


Bạn Click vào dấu > sau đó chọn giống hình bên dưới:


Sau đó tiến hành cho khởi chạy website của bạn và Click chuột vào Textbox bạn thấy đã xuất hiện các ngày tháng năm để cho ta chọn rồi đây


Sau khi chọn xong nó đã cho kết quả rồi đây!




Ở đây các bạn có thể hiệu chỉnh lại cho hiện theo định dạng ngày tháng năm cũng được và còn 1 số tính năng khác đang chờ bạn khám phá!

---Hết---


Share on Google Plus

About Lý Hoàng Đông

Hy vọng các bạn thích bài viết này và chia sẽ đến với những người khác. Xin cảm ơn các bạn!
    Blogger Comment
    Facebook Comment

7 comments:

  1. http://www.mediafire.com/download/ubuqamzv9u4qzo9/sqlncli.msi

    ReplyDelete
  2. http://www.mediafire.com/download/ubuqamzv9u4qzo9/sqlncli.msi

    ReplyDelete
  3. 0230da0100490550a30030940f30520f80cb0c20bb06306c

    ReplyDelete
  4. 06709605b04a0da0f10650d10d406607c0d608003c0450aa

    ReplyDelete
  5. 1e922b900814efa5135a192e36e07cd8

    ReplyDelete
  6. 0260ff0db08f0260200b50210c60760a10060af03e0380c7

    ReplyDelete