Inicio > AJAX > Drag & Drop en Aplicaciones ASP NET AJAX

Drag & Drop en Aplicaciones ASP NET AJAX


Estuve leyendo un articulo de la MSDN Magazine Enero 2008 y me pareció interesante compartir sobre ese tema, ya que hay algunos programadores que nos gusta esos efectos en nuestras aplicaciones.

Les comento que el articulo que leí esta basado en unas librerías que vienen en ASP Net Futures CTP Julio 2007, y el ejemplo que provee el articulo no necesita tener instalado el ASP NET Futures, solamente con el ASP NET Extensions corre sin problemas.

Internamente ASP NET Futures manejan un par de librerías JavaScript embebidas para el manejo del Drag&Drop. Es necesario agregar los scripts al ScriptManager PreviewScript.js y PreviewDragDrop.js y crear un archivo propio con la definición de la funcionalidad del Drag&Drop, en el caso para el Ejemplo hace el Drap&Drop con DIVs y para setear el BackgroundColor del DIV destino.

Este ejemplo lo podemos utilizar para hacer Drap&Drop entre GridViews y trasladar registros entre ellos, o para hacer Drag desde un GridView hacia un TreeView, etc. Las funcionalidades tendrían que ser implementadas con Javascript controlando los objetos antes mencionados y definiendo las acciones en el Drop, permitiendonos ejecutar métodos del lado del Server y cambiar el contenido de  los objetos utilizados o guardando en la Base de Datos o cualquier acción que necesitemos.

El articulo completo y el código fuente del ejemplo se lo pueden bajar en:

http://msdn.microsoft.com/msdnmag/issues/08/01/wickedcode/default.aspx?loc=en

 

Espero este tip sea de utilidad.

 

Atte. Elmer Carías

"El fracaso tiene mil excusas, el éxito no requiere explicación"

Categorías:AJAX
  1. Aún no hay comentarios.
  1. Aún no hay trackbacks

Deja un comentario

Fill in your details below or click an icon to log in:

Logo de WordPress.com

You are commenting using your WordPress.com account. Log Out / Cambiar )

Twitter picture

You are commenting using your Twitter account. Log Out / Cambiar )

Facebook photo

You are commenting using your Facebook account. Log Out / Cambiar )

Connecting to %s

Seguir

Get every new post delivered to your Inbox.