.NET For Your Information

Un blog más sobre tecnología .NET

Como obtener nuevo orden de filas de GridView luego de moverlas

with 2 comments


En el post anterior vimos como arrastrar o mover filas de un GridView. Sin embargo, en ese post todos los cambios ocurren en el lado del cliente (javascript, html), y el servidor no tiene forma de saber que esos cambios se han llevado a cabo.

El objetivo de este post es enviarle al servidor los cambios que se han realizado en el cliente, para que este procese el nuevo orden de datos y actualice el cliente de manera pertinente. Al igual que en el post anterior, se van a utilizar los mismos componentes ya creados aunque con algunas modificaciones.

El script personalizado quedara de la siguiente manera:

Como se puede observar, se ha agregado la funcion reorderDnD encargada de tomar los valores del GridView y concatenarlos en una sola cadena de caracteres. Adicionalmente, se agrega la llamada a un web method por medio de ajax. Dicho web method se encuentra ubicado en el codebehind de la pagina del GridView. Ademas, si el reordenamiento se produce de manera satisfactoria, se hara un llamado a LoadUpdatePanel, el cual se encargara de actualizar al GridView utilizando el nuevo DataSource.

Por otro lado, la pagina que contiene al GridView debera incorporar un UpdatePanel para habilitar las funcionalidades relacionadas con AJAX:

El codebehind tendra dos cambios. Primero, agregar el Web Method encargado de recibir el nuevo orden de las filas del GridView. En este caso, se leera el nuevo orden y se almacenara en un DataSet (debe ser static para poder ser reconocido por el Web Method). Segundo, se añade “LoadUpdatePanel”, el cual sera ejecutado cada vez que el Update Panel sea cargado. Este procedimiento es el encargado de asignar el nuevo DataSet como fuente de datos del GridView:

Espero este par de posts les haya servido de ayuda para lograr la funcionalidad de mover/arrastrar las filas de un GridView.

Anuncios

Written by Alejandro Afonso Spinola

4 octubre 2012 a 10:19 AM

2 comentarios

Subscribe to comments with RSS.

  1. […] relacionado: Como obtener nuevo orden de filas de GridView luego de moverlas. Me gusta:Me gustaSe el primero en decir que te […]

  2. Estimado, tengo una duda, mira cuando muevo una fila de la grilla me funciona normal pero no entra al WebMethod osea no hace absolutamente nada, nose como podria solucionarlo, mi js esta en un carpeta llamada Script y mi webform lo tengo en otra carpeta que se llama Gestion, el cual en la URL de ajax he puesto asi: url: “../Gestion/FrmFlujos.aspx/Update_Ordenamiento_call”

    tambien en tu funcion reorderDND en tu ejemplo tu pones GridView1 que viene hacer el nombre del control yo he puesto asi: reorderDND(‘ContentPlaceHolder1_gvLista’); ya que asi es el id de mi gridview cuando se muestra al cliente, pero no pasa absolutamente nada, por favor ayudame.

    Ricardo

    23 mayo 2013 at 11:31 AM


Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: