ASP.NET AJAX Georgi Petrov Telerik, 3/5/2008
Outline <ul><li>Installing ASP.NET AJAX </li></ul><ul><li>ASP.NET AJAX Architecture  </li></ul><ul><li>Controls in focus: ...
Installing ASP.NET AJAX <ul><li>Remove any previously installed versions from Control Panel / Add or Remove Programs </li>...
ASP.NET AJAX Architecture Client Script Library Controls, Components Component Model and UI Framework Base Class Library S...
ScriptManager <ul><li>A server control that manages partial-page rendering. The </li></ul><ul><li>ScriptManager control re...
UpdatePanel <ul><li>Specifies the parts of a Web page that can </li></ul><ul><li>participate in partial-page updates. The ...
UpdatePanel (contd.)
UpdateProgress <ul><li>Provides visual feedback in the browser </li></ul><ul><li>when the content of UpdatePanel </li></ul...
UpdateProgress (contd.) <ul><li>Showcase: </li></ul><ul><li>Showing the update status </li></ul><ul><li>Showing the update...
Timer <ul><li>The Timer control performs postbacks at defined </li></ul><ul><li>intervals. </li></ul><ul><li>Timer control...
Recap <ul><li>Installing ASP.NET AJAX  </li></ul><ul><li>ASP.NET AJAX Architecture </li></ul><ul><li>Controls in focus:  <...
Client Life-Cycle events <ul><li>The two main Microsoft AJAX Library classes that raise events during the client lifecycle...
Client Life-Cycle events Telerik:
Extending JavaScript with ASP.NET AJAX <ul><li>Classes </li></ul><ul><li>Namespaces </li></ul><ul><li>Inheritance </li></u...
Extending JavaScript with ASP.NET AJAX (contd.) <ul><li>Namespaces, Classes, Inheritance </li></ul>
Extending JavaScript with ASP.NET AJAX (contd.) <ul><li>Enumeration </li></ul>
Extending JavaScript with ASP.NET AJAX (contd.) <ul><li>Reflections </li></ul>Reflection is the ability to examine the str...
Debugging <ul><li>Configuring the Application for Debugging in Web.config  </li></ul><ul><li>Sys.Debug  - Debug Helper Cla...
Web Services <ul><li>Simple Web Service </li></ul>DEMO Web Service is standardized way of integrating Web-based applicatio...
Web Services (contd.)
References <ul><li>http://www.asp.net/AJAX </li></ul><ul><li>http://forums.asp.net/default.aspx?GroupID=34 </li></ul><ul><...
Q & A session <ul><li>Thank you! </li></ul>
Upcoming SlideShare
Loading in …5
×

ASP.NET AJAX Basics

5,520 views

Published on

Published in: Technology
1 Comment
1 Like
Statistics
Notes
No Downloads
Views
Total views
5,520
On SlideShare
0
From Embeds
0
Number of Embeds
21
Actions
Shares
0
Downloads
307
Comments
1
Likes
1
Embeds 0
No embeds

No notes for slide

ASP.NET AJAX Basics

  1. 1. ASP.NET AJAX Georgi Petrov Telerik, 3/5/2008
  2. 2. Outline <ul><li>Installing ASP.NET AJAX </li></ul><ul><li>ASP.NET AJAX Architecture </li></ul><ul><li>Controls in focus: </li></ul><ul><ul><li>ScriptManager </li></ul></ul><ul><ul><li>UpdatePanel </li></ul></ul><ul><ul><li>UpdateProgress </li></ul></ul><ul><ul><li>Timer </li></ul></ul><ul><li>ASP.NET AJAX Client Life-Cycle events </li></ul><ul><li>Client Scripting: JavaScript with ASP.NET AJAX </li></ul><ul><li>Debugging </li></ul><ul><li>Web Services </li></ul>
  3. 3. Installing ASP.NET AJAX <ul><li>Remove any previously installed versions from Control Panel / Add or Remove Programs </li></ul><ul><li>Download the installation package from http:// www.asp.net/ajax / </li></ul><ul><li>Be sure to have: </li></ul><ul><ul><li>Any Windows operating system version (including Windows 2000) that supports the Microsoft .NET Framework version 2.0 </li></ul></ul><ul><ul><li>The .NET Framework 2.0 or version 3.0 </li></ul></ul><ul><ul><li>Internet Explorer 5.01 or later </li></ul></ul>
  4. 4. ASP.NET AJAX Architecture Client Script Library Controls, Components Component Model and UI Framework Base Class Library Script Core Browser Compatibility Client Application Services Browser Integration ASP.NET AJAX Server Extensions ASP.NET AJAX Server Controls App Services Bridge Web Services Bridge ASP.NET 2.0 Page, Framework, Server controls Application Services Client Framework & Services Server Framework
  5. 5. ScriptManager <ul><li>A server control that manages partial-page rendering. The </li></ul><ul><li>ScriptManager control registers script components to send to </li></ul><ul><li>the browser. It also overrides page rendering so that only </li></ul><ul><li>specified regions of the page are rendered. </li></ul><ul><li>Enabling Partial-Page Rendering </li></ul><ul><li>Using Type System Extensions </li></ul><ul><li>Registering Custom Script </li></ul><ul><li>Registering Web Services </li></ul><ul><li>Using Authentication and Profile Services from Client Script </li></ul><ul><li>The ScriptManagerProxy Class </li></ul>
  6. 6. UpdatePanel <ul><li>Specifies the parts of a Web page that can </li></ul><ul><li>participate in partial-page updates. The </li></ul><ul><li>UpdatePanel in different scenarios: </li></ul><ul><li>Simple Use </li></ul><ul><li>Nested UpdatePanel Controls </li></ul>DEMO DEMO Some controls are incompatible with UpdatePanel: TreeView, Menu, FileUpload, WebParts, Substitution
  7. 7. UpdatePanel (contd.)
  8. 8. UpdateProgress <ul><li>Provides visual feedback in the browser </li></ul><ul><li>when the content of UpdatePanel </li></ul><ul><li>controls is updated. </li></ul><asp:UpdateProgress ID=&quot;UpdateProgress1&quot; runat=&quot;server&quot;> <ProgressTemplate> Please wait… </ProgressTemplate> </asp:UpdateProgress>
  9. 9. UpdateProgress (contd.) <ul><li>Showcase: </li></ul><ul><li>Showing the update status </li></ul><ul><li>Showing the update status with STOP button </li></ul>DEMO DEMO
  10. 10. Timer <ul><li>The Timer control performs postbacks at defined </li></ul><ul><li>intervals. </li></ul><ul><li>Timer control inside UpdatePanel </li></ul><ul><li>Timer control outside UpdatePanel </li></ul>DEMO DEMO <asp:Timer ID=&quot;Timer1&quot; runat=&quot;server&quot;> </asp:Timer>
  11. 11. Recap <ul><li>Installing ASP.NET AJAX </li></ul><ul><li>ASP.NET AJAX Architecture </li></ul><ul><li>Controls in focus: </li></ul><ul><ul><li>ScriptManager </li></ul></ul><ul><ul><li>UpdatePanel </li></ul></ul><ul><ul><li>UpdateProgress </li></ul></ul><ul><ul><li>Timer </li></ul></ul><ul><li>ASP.NET AJAX Client Life-Cycle events </li></ul><ul><li>Client Scripting: JavaScript with ASP.NET AJAX </li></ul><ul><li>Debugging </li></ul><ul><li>Web Services </li></ul>
  12. 12. Client Life-Cycle events <ul><li>The two main Microsoft AJAX Library classes that raise events during the client lifecycle of a page are the Application and PageRequestManager classes. </li></ul><ul><li>The key event for initial requests (GET requests) and synchronous postbacks is the load event of the Application instance. When script in a load event handler runs, all scripts and components have been loaded and are available. </li></ul><ul><li>When partial-page rendering with UpdatePanel controls is enabled, the key client events are the events of the PageRequestManager class. These events enable you to handle many common scenarios. These include the ability to cancel postbacks, to give precedence to one postback over another, and to animate UpdatePanel controls when their content is refreshed. </li></ul>
  13. 13. Client Life-Cycle events Telerik:
  14. 14. Extending JavaScript with ASP.NET AJAX <ul><li>Classes </li></ul><ul><li>Namespaces </li></ul><ul><li>Inheritance </li></ul><ul><li>Enumerations </li></ul><ul><li>Reflections </li></ul>
  15. 15. Extending JavaScript with ASP.NET AJAX (contd.) <ul><li>Namespaces, Classes, Inheritance </li></ul>
  16. 16. Extending JavaScript with ASP.NET AJAX (contd.) <ul><li>Enumeration </li></ul>
  17. 17. Extending JavaScript with ASP.NET AJAX (contd.) <ul><li>Reflections </li></ul>Reflection is the ability to examine the structure and components of a program at run time. The APIs that implement reflection are extensions of the Type class. Type.isInterface( type ); Type.isNamespace( object ); Type.isClass( type ); class .inheritsFrom( class );
  18. 18. Debugging <ul><li>Configuring the Application for Debugging in Web.config </li></ul><ul><li>Sys.Debug - Debug Helper Class </li></ul><ul><li>Configuring Internet Explorer for Debugging </li></ul><configuration> <system.web> <compilation debug=&quot;true&quot;> <!-- etc. --> </compilation> </system.web> <configuration> DEMO DEMO
  19. 19. Web Services <ul><li>Simple Web Service </li></ul>DEMO Web Service is standardized way of integrating Web-based applications using the XML, SOAP, WSDL and UDDI open standards over an Internet protocol backbone.
  20. 20. Web Services (contd.)
  21. 21. References <ul><li>http://www.asp.net/AJAX </li></ul><ul><li>http://forums.asp.net/default.aspx?GroupID=34 </li></ul><ul><li>http://asp.net/AJAX/Documentation/Live/ClientReference/ </li></ul>
  22. 22. Q & A session <ul><li>Thank you! </li></ul>

×