Cómo Obtener Las filas de cuadrícula de datos en JavaScript

DataGrids son estructuras de control utilizados en la programación web para presentar una gran cantidad de datos en un formato tabular limpia ordenada, en la página web. La cuadrícula de datos se conecta a la base de datos subyacente, utilizando los controles de conectividad de base de datos y objetos de datos. Se pueden visualizar los datos de una o más tablas en una forma que es concisa y fácil de leer. Puede realizar cambios en los datos de la cuadrícula de datos, según sea necesario, y estos cambios pueden pasarse de nuevo a la base de datos subyacente. Puede utilizar el código JavaScript para ejecutar acciones del lado del cliente en las filas de la cuadrícula de datos, tales como devolver un recuento de filas.

Instrucciones

1 Lanzar su editor de ASP.NET para crear una página ASP.NET. Si está utilizando un entorno de desarrollo, tales como MS Visual Studio, debe crear un proyecto seleccionando "Archivo" y luego "Nuevo proyecto", entonces la elección de la "Aplicación de Windows ASP.NET" en el idioma elegido. Si usted es un usuario avanzado y ya se ha codificado el control DataGrid, puede usarse un simple editor de texto, como Bloc de notas, para añadir el código JavaScript en el archivo de ASP.NET, siempre y cuando se guarda el archivo en su servidor web con un " aspx "extensión.

2 Arrastre un control DataGrid desde el Cuadro de herramientas en el entorno de desarrollo de su editor. Siga las instrucciones de los asistentes para configurar el control.

3 Crear una conexión de base de datos utilizando el asistente "Agregar nueva conexión" de la ventana "Explorador de servidores" en Visual Studio. Siga las instrucciones del asistente para crear y configurar la conexión.

4 Escribir todo el código necesario rellenar el control DataGrid. Usted tendrá que crear y configurar una fuente de datos. Usted puede optar por utilizar un procedimiento almacenado en la base de datos mediante la localización de la conexión de base de datos en el "Explorador de servidores" y luego elegir la opción "Agregar nuevo procedimiento almacenado". Escriba el código para el procedimiento en la ventana del editor y guardarlo.

5 Conecte la cuadrícula de datos a la base de datos de conexión, eligiendo la opción "Elegir origen de datos" en el menú "Herramientas DataGrid" y siguiendo las instrucciones del asistente.

6 Cambie a la página "código detrás" haciendo clic en la pestaña de código subyacente. Usted tendrá que intercalar el código JavaScript con el código de ASP.NET en la página de código subyacente, una técnica llamada "codificación en línea."

7 Escriba el siguiente código para iterar sobre cada fila de la cuadrícula de datos utilizando JavaScript y devolver el número de filas:

<Script language = "javascript" type = "text / javascript">

GetRows de función (SelCriteria)

{
var dGIterator = document.getElementById ( "DataGridName");
var = rowCount dGIterator.rows.length;
}
</ Script>
Se puede añadir código en el script para realizar un procesamiento adicional en las filas de la cuadrícula de datos, según sea necesario.