12. Traditional Web Applications use costly Postbacks for Server operations and UI operations. No “ integrated ” way to work with client side scripting
22. ASP.NET AJAX Web Server IE Firefox Safari Browser Clients JSON Bridge Support Membership & Personalization Support ASP.NET Server Control Integration ASP.NET AJAX Client JavaScript Libraries MicrosoftAjax.js MicrosoftAjax.en-us.js MicrosoftAjax.debug.js MicrosoftAjaxTimer.js MicrosoftAjaxWebForms.js IIS & ASP.NET Apache & PHP ColdFusion
23.
24.
25. Server-Centric Programming Model Browser Presentation (HTML/CSS) ASP.NET Application Services Page Framework, Server Controls Client Script Framework Client Application Services Component/UI Framework, Controls ASP.NET Application Pages UI Behavior (Managed Code) Input Data Updated UI + Behavior Initial Rendering (UI + Behavior)
26. Client-Centric Programming Model Browser Presentation (HTML/CSS) AJAX Service Proxies UI Behavior (Script) ASP.NET Application Services Page Framework, Server Controls ASP.NET Application Pages Web Services Atlas Script Framework Client Application Services Component/UI Framework, Controls Initial Rendering (UI + Behavior) Data Data
27.
28. External Services My Application Client Bridge Proxy (Script) External Service Server Pages UI + Logic (HTML + Script) Bridge Config Initiate Request Cache Lookup Create Service Request Invoke Service Process Service Response Update Display
37. protected void UpdatePanel1_PreRender(object sender, EventArgs e) { // This code will only be executed if the partial postback // was raised by a __doPostBack('UpdatePanel1', '') if (Request[" __EVENTTARGET "] == UpdatePanel1. ClientID ) { // Insert magic here. } } what about when you want to execute code only if a particular UpdatePanel is targeted? check the __EVENTTARGET: UpdatePanel Events use triggers check for !IsPostBack and !IsInAsyncPostBack
38. UpdatePanel Events know your asp.net page life cycle UpdatePanel Button updatepanel_ load button_ click updatepanel_ prerender
42. custom extender controls provide framework for hooking up properties and links between server and client side components provide framework for hooking up properties and links between server and client side components
43. custom extender controls provide framework for hooking up properties and links between server and client side components
53. [all images in this presentation are the property and copyright of their owners… Most of which I just found on the Internet and really have no idea who that might be.] copyright
54. email [email_address] Caleb Jenkins Senior Consultant Training Mentor blog developingUX.com twitter .com/calebjenkins