[Code Camp 2009] ASP.NET AJAX 4.0 Client Templates (Brian Cardiff)

1. ASP. NET AJAX 4.0 Client Templates

2. Más Javascript Más sintaxis declarativa Técnicas Partial page rendering (UpdatePanel) Client side rendering (Client Templates) jQuery Más AjaxControlToolkit Mejoras ASP.NET 4.0 para Javascript ASP.NET AJAX 4.0

3. ASP.NET AJAX 4.0Client Templates Expandir un template con un modelo El markupresultanteesgeneradopor el navegador del lado del cliente. 100% Javascript El modelopuede ser: ObjetoJavascript Proxy a un servicio WCF Proxy a un ADO.NET Data Service

4. ASP.NET AJAX 4.0Client Templates ¿Para qué rendering client side? Bandwidth Interfaces con múltiplesrepresentaciones del mismodato Soporte offline

5. Demo Tengounalista de tareas (queobtuveusando AJAX) yquieromostrarlas.

6. ASP.NET AJAX 4.0Client Templates Sys.UI.Behavior Similar a los Extenders del Ajax Control Toolkit Sintaxisdeclarativa

7. Demo De imperativo a declarativo.

8. ASP.NET AJAX 4.0Bindings y Observables El usuariodebeinteractuar con la página Cuando se modifica un textbox, ¿Se actualiza el modelo? Cuando se modifica el modelo, ¿Se actualiza el textbox? ¿Se puedenagregaroquitarelementos?

9. Demo Bindings y Observables

10. ASP.NET AJAX 4.0Proxy a ADO.NET Data Service ¿Cómo se llega a la base de datos? <ul class="sys-template" sys:attach="dataview" dataview:autofetch="true" dataview:dataprovider="{{ new Sys.Data.AdoNetServiceProxy('/DataService.svc') }}" dataview:fetchoperation="Tasks"> <li> ... </li> </ul> Sepuedeaprovechar el change tracking

11. ASP.NET AJAX 4.0Adicionales Bindings: formatters, converters Master / details Paging, sorting, filtering Templates sin DataView Commands Browser history

12. ASP.NET AJAX 4.0Puntos claves El template es XHTML Soporte de editoresactuales Lightweight (52Kb minified gzipped) JSON, ASP.NET MVC, WCF, ADO.NET Data Services, ... Bindings two way, one way Change tracking

13. ¿Preguntas?

14. ASP.NET AJAX 4.0Recursos http://www.asp.net/ajax/ http://www.codeplex.com/aspnet/ http://delicious.com/bcardiff/CodeCamp2009