ASP.NET Ajax Library, Introducción a Datalinker
Otra de las propuestas que se han enviado a el team de jQuery por parte del team de ASP.NET tiene que ver con los Datalinker. Esta nueva característica permite hacer el “link” desde una propiedad de un objeto a otra propiedad de otro objeto, además que el cambio en el objeto origen, provoque un cambio automático en el objeto con el link. Utilizando en DataLinking podemos sincronizar (y mantener sincronizados) fácilmente la UI con los objetos en el lado del cliente.
Vamos a tener algo parecido al ejemplo del post anterior (http://geeks.ms/blogs/gperez/archive/2010/06/13/asp-net-ajax-library-introducci-243-n-a-las-nuevas-plantillas-client-side.aspx .
La UI será la siguiente:
El primer paso es incluir la librería:
Luego vamos a tener un objeto que tiene los siguientes campos:
Los cuales son coincidentes con nuestra UI, luego debemos hacer el link del objeto “ObjetoDocentes” con nuestros objetos Dom de la UI. (Esto es lo bueno!)
Como puedes ver con el método linkBoth lo que hacemos es linkear la el campo nombre, con la propiedad val del objeto txNombre, de esta manera se realiza la sincronización. al momento de ejecutar la pagina:
Ahora bien, si modificamos en la UI los valores, se sincronizan automáticamente en el objeto “ObjetosDocente”. Para eso tenemos una función que nos muestra los datos del objeto, la que está atachada al boton mostrar.
Modificamos el Nombre y Apellido (en la onda mundialera) y al momento de hacer click en mostrar, sin ninguna modificación ni código adicional, podemos ver que se sincronizó los datos del objeto con los datos de la UI.
Ahora bien, si queremos modificar los datos por código, lo podemos hacer mediante el método attr:
Vamos entonces a presionar el botón guardar y de inmediato se sincroniza la UI:
Estas funcionalidades todavía están en un estado de propuesta, y es posible que cambien en el futuro. Pero al menos nos da una visión general de como va a funcionar esta característica en el futuro.
Espero que te sirva!
Saludos
Gonzalo!