0
ASP. NET AJAX 4.0 Client Templates<br />
Más Javascript<br />Más sintaxis declarativa<br />Técnicas<br />Partial page rendering (UpdatePanel)<br />Client side rend...
ASP.NET AJAX 4.0Client Templates<br />Expandir un template con un modelo<br />El markupresultanteesgeneradopor el navegado...
ASP.NET AJAX 4.0Client Templates<br />¿Para qué rendering client side?<br />Bandwidth<br />Interfaces con múltiplesreprese...
Demo<br />Tengounalista de tareas (queobtuveusando AJAX) yquieromostrarlas.<br />
ASP.NET AJAX 4.0Client Templates<br />Sys.UI.Behavior<br />Similar a los Extenders del Ajax Control Toolkit<br />Sintaxisd...
Demo<br />De imperativo a declarativo.<br />
ASP.NET AJAX 4.0Bindings y Observables<br />El usuariodebeinteractuar con la página<br />Cuando se modifica un textbox, ¿S...
Demo<br />Bindings y Observables<br />
ASP.NET AJAX 4.0Proxy a ADO.NET Data Service<br />¿Cómo se llega a la base de datos?  <br />&lt;ul class=&quot;sys-templat...
ASP.NET AJAX 4.0Adicionales<br />Bindings: formatters, converters<br />Master / details<br />Paging, sorting, filtering<br...
ASP.NET AJAX 4.0Puntos claves<br />El template es XHTML<br />Soporte de editoresactuales<br />Lightweight (52Kb minified g...
¿Preguntas?<br />
ASP.NET AJAX 4.0Recursos<br />http://www.asp.net/ajax/<br />http://www.codeplex.com/aspnet/<br />http://delicious.com/bcar...
[Code Camp 2009] ASP.NET AJAX 4.0 Client Templates (Brian Cardiff)
Upcoming SlideShare
Loading in...5
×

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

564

Published on

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

0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
564
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
12
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

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

  1. 1. ASP. NET AJAX 4.0 Client Templates<br />
  2. 2. Más Javascript<br />Más sintaxis declarativa<br />Técnicas<br />Partial page rendering (UpdatePanel)<br />Client side rendering (Client Templates)<br />jQuery<br />Más AjaxControlToolkit<br />Mejoras ASP.NET 4.0 para Javascript<br />ASP.NET AJAX 4.0<br />
  3. 3. ASP.NET AJAX 4.0Client Templates<br />Expandir un template con un modelo<br />El markupresultanteesgeneradopor el navegador del lado del cliente.<br />100% Javascript<br />El modelopuede ser:<br />ObjetoJavascript<br />Proxy a un servicio WCF<br />Proxy a un ADO.NET Data Service<br />
  4. 4. ASP.NET AJAX 4.0Client Templates<br />¿Para qué rendering client side?<br />Bandwidth<br />Interfaces con múltiplesrepresentaciones del mismodato<br />Soporte offline<br />
  5. 5. Demo<br />Tengounalista de tareas (queobtuveusando AJAX) yquieromostrarlas.<br />
  6. 6. ASP.NET AJAX 4.0Client Templates<br />Sys.UI.Behavior<br />Similar a los Extenders del Ajax Control Toolkit<br />Sintaxisdeclarativa<br />
  7. 7. Demo<br />De imperativo a declarativo.<br />
  8. 8. ASP.NET AJAX 4.0Bindings y Observables<br />El usuariodebeinteractuar con la página<br />Cuando se modifica un textbox, ¿Se actualiza el modelo?<br />Cuando se modifica el modelo, ¿Se actualiza el textbox?<br />¿Se puedenagregaroquitarelementos? <br />
  9. 9. Demo<br />Bindings y Observables<br />
  10. 10. ASP.NET AJAX 4.0Proxy a ADO.NET Data Service<br />¿Cómo se llega a la base de datos? <br />&lt;ul class=&quot;sys-template&quot; sys:attach=&quot;dataview&quot; <br />dataview:autofetch=&quot;true&quot; <br />dataview:dataprovider=&quot;{{ <br /> new Sys.Data.AdoNetServiceProxy(&apos;/DataService.svc&apos;) <br /> }}&quot;<br />dataview:fetchoperation=&quot;Tasks&quot;&gt; <br /> &lt;li&gt; ... &lt;/li&gt;<br />&lt;/ul&gt;<br />Sepuedeaprovechar el change tracking<br />
  11. 11. ASP.NET AJAX 4.0Adicionales<br />Bindings: formatters, converters<br />Master / details<br />Paging, sorting, filtering<br />Templates sin DataView<br />Commands<br />Browser history <br />
  12. 12. ASP.NET AJAX 4.0Puntos claves<br />El template es XHTML<br />Soporte de editoresactuales<br />Lightweight (52Kb minified gzipped)<br />JSON, ASP.NET MVC, WCF, ADO.NET Data Services, ...<br />Bindings two way, one way<br />Change tracking <br />
  13. 13. ¿Preguntas?<br />
  14. 14. ASP.NET AJAX 4.0Recursos<br />http://www.asp.net/ajax/<br />http://www.codeplex.com/aspnet/<br />http://delicious.com/bcardiff/CodeCamp2009<br />
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×