Chuyển trang ASP.NET sang Ajax với Magic

Ajax.NET Là một trong những công nghệ nền tảng của Web 2.0, Ajax đã và đang làm thay đổi cách chúng ta nhìn nhận và sử dụng các ứng dụng web. Cùng với sự phát triển của các trang web hỗ trợ Ajax, các công cụ giúp các nhà phát triển nhanh chóng xây dựng các trang web này cũng đã ra đời và ngày càng phát triển. Một trong số đó là thư viện Ajax.NET Trong bài viết này, tôi sẽ giới thiệu một công cụ khác hỗ trợ phát triển Ajax không kém phần hiệu quả, đó là...
Nội dung trích xuất từ tài liệu:
Chuyển trang ASP.NET sang Ajax với Magic Chuyển trang ASP.NET sang Ajax với Magic Ajax.NET Là một trong những công nghệ nền tảng của Web 2.0, Ajax đã và đang làm thay đổi cách chúng ta nhìn nhận và sử dụng các ứng dụng web. Cùng với sự phát triển của các trang web hỗ trợ Ajax, các công cụ giúp các nhà phát triển nhanh chóng xây dựng các trang web này cũng đã ra đời và ngày càng phát triển. Một trong số đó là thư viện Ajax.NET Trong bài viết này, tôi sẽ giới thiệu một công cụ khác hỗ trợ phát triển Ajax không kém phần hiệu quả, đó là MagicAjax.NET (gọi tắt là MagicAjax). MagicAjax.NET giúp bạn đưa trang Web ASP.NET hiện cósang hỗ trợ Ajax một cách trực quan mà không cần phải thay thế các điều khiển ASP.NET đã cóvà/hoặc viết thêm mã JavaScript.MagicAjax.NET là một dự án mã nguồn mở (C#) tuân theo các điều khoản trong giấy phép GNULesser GPL. Hiện phiên bản mới nhất là 0.3.0. Bạn có thể tải về thư viện, mã nguồn, các ví dụcũng như tài liệu từ trang web chính thức của dự án http://www.magicajax.net.Các đặc điểm của MagicAjax• Tích hợp:- Chỉ cần vài dòng thiết lập cấu hình trong web.config là có thể dùng MagicAjax.- Chỉ cần thêm vào một điều khiển (AjaxPanel) để trang web của bạn hỗ trợ Ajax.• Sử dụng:Đặt phần trang web mà bạn muốn hỗ trợ Ajax vào trong AjaxPanel, công việc còn lại sẽ doMagicAjax Framework đảm nhiệm.- Có thể đưa MagicAjax vào Visual Studio để sử dụng một cách trực quan.- Không cần viết mã JavaScript để xử lí phía trình duyệt.• Lập trình:- Trong phần lớn trường hợp, để sử dụng MagicAjax, bạn chỉ cần thêm các AjaxPanel mà khôngcần thay đổi mã nguồn.- MagicAjax thay hàm PostBack bằng hàm callback của Ajax (AjaxCall).- Có thể dùng cả hàm PostBack và chức năng Ajax trong cùng một trang, chỉ những phần nằmtrong AjaxPanel mới gọi AjaxCall thay cho PostBack.- ViewState của trang web được chia sẻ giữa PostBack và AjaxCall, khi có một thay đổi tạo bởiAjaxCall, PostBack có thể dùng thay đổi đó và ngược lại.- Bạn có thể điều khiển AjaxCall tương tự như PostBack, sử dụng lập trình ASP.NET phíaserver.- MagicAjax nhận ra những thay đổi trong khi gọi AjaxCall, và gửi một đoạn mã JavaScript nhỏnhất có thể để phản hồi các thay đổi đến trình duyệt.- Có thể dùng mã để điều khiển.• Tùy biến:- Cung cấp nhiều thiết lập cho phép bạn sử dụng linh hoạt.- Có thể tùy biến các điều khiển ASP.NET khi dùng chúng với MagicAjax.- Có thể khai báo hàm AjaxCall sẽ gọi đồng bộ hay không đồng bộ đối với tất cả các điều khiểnnằm trong AjaxPanel hay là chỉ với một điều khiển riêng biệt nằm trong đó.- Bạn có thể khai báo một điều khiển nào đó của AjaxPanel sẽ gọi thuần PostBack.- Thiết kế hướng đối tượng rõ ràng giúp bạn dễ dàng mở rộng Magic và tạo các điều khiển Ajaxcủa chính bạn.• Tương thích:- MagicAjax hỗ trợ hầu hết các trình duyệt hiện nay như Internet Explorer, Firefox, Opera vàNetscape.- Nếu trình duyệt không hỗ trợ hoặc người dùng cấm tính năng JavaScript trong trình duyệt,trang web sẽ tự động chuyển về sử dụng PostBack.Tích hợp MagicAjaxMục đích của MagicAjax là hỗ trợ chuyển từ trang web ASP.NET hiện có sang Ajax một cáchdễ dàng nhất, do vậy việc tích hợp MagicAjax hạn chế tối đa viết mã. Các bước thực hiện nhưsau:1) Thay đổi web.config:Bạn nên đăng kí MagicAjax ở section system.web trong file web.config như sau:Lúc này, MagicAjax sẽ sử dụng các thiết lập mặc định. Nếu muốn thay đổi các thiết lập, bạn cóthể chỉnh sửa file web.config theo ý mình (một số chỉnh sửa quan trọng sẽ được giới thiệu trongphần sau của bài viết).2) Thêm các điều khiển vào trang web:Dùng một tag để đăng kí sử dụng namespace cho các điều khiển MagicAjax ở đầu trang web:Sau đó, bạn có thể khai báo một điều khiển theo cấu trúc:Bạn hãy để ý đến tag và , tag này có nhiệm vụ giới hạn“tầm ảnh hưởng” của Ajax. Chỉ những điều khiển nào được đặt trong tag này mới hỗ trợ Ajax,còn không thì chúng chỉ là những điều khiển thông thường. Điều này cho phép bạn sử dụng Ajaxmột cách linh hoạt.3) Thêm thư viện MagicAjax:Bạn tạo một thư mục bin nằm trong thư mục chứa trang web của mình. Copy file MagicAjax.dllvào, thế là xong. Bạn hãy mở trình duyệt và xem sự khác biệt.4) Tích hợp MagicAjax trong môi trường Visual Studio (từ phiên bản 2003 trở lên):Từ menu Tools, chọn Add/Remove Toolbox Items (chọn Toolbox Items với VS 2005), nhấn vàoBrowse và chỉ đến file MagicAjax.dll. Các điều khiển sẽ được thêm vào trong toolbox như bạnthấy dưới đây:Lúc này, bạn có thể tạo một AjaxPanel để kéo-thả các điều khiển vào đó:Các bước còn lại hoàn toàn như đã trình bày ở trên, chỉ có điều bạn làm một cách “trực quan”hơn trong môi trường VS mà thôi (bạn chỉ cần sửa lại web.config, còn các điều khiển nằm trongAjaxPanel sẽ được khai báo tự động hỗ t ...