La tabla de datos es el componente central de las muchas aplicaciones debido a su presentación eficaz y utilidad de datos tabulares. En este tutorial vamos a buscar la forma de definir el diseño de una grilla y discutir el mecanismo de desplazamiento que se utiliza en la tabla de datos.
Todos hemos estado en la siguiente situación: su jefe viene a usted y le pide que muestre una enorme cantidad de datos en la aplicación que está desarrollando. Como desarrollador web, usted sabe que mientras más datos que se muestran a la vez significa más memoria el navegador va a consumir, pero su jefe no entiende, él sólo quiere estos datos en la aplicación. Aquí es donde
Para que os hagáis una idea de la capacidad de la cuadrícula de datos para manejar una gran cantidad de datos, hemos elaborado una cuadrícula que muestra estadísticas de bateo para cada persona que ha jugado béisbol profesional en Estados Unidos:
http://dojotoolkit.org/documentation/tutorials/1.10/datagrid/demo/datagrid.php
Como puede ver, la cuadrícula de datos maneja con facilidad este conjunto de datos que contiene 17.452 registros. A los efectos de este tutorial, vamos a utilizar un conjunto más pequeño de los datos: las estadísticas de bateo sólo para aquellos jugadores que están en el salón de la fama. Vamos a empezar.
Partes de la cuadrícula de datos
Como habrá adivinado, la cuadrícula de datos se compone de varias partes diferentes. Al más alto nivel, una cuadrícula de datos se compone de puntos de vista. Vistas rompen la cuadrícula de datos en secciones y hacen que el encabezado y el contenido de cada sección. Encabezados y contenidos contienen filas (aunque sólo el encabezado contiene una fila), que están pobladas por sub-hileras de células. Echemos un vistazo a algunas fotos para una mejor comprensión:
Vamos a recrear y modificar el diseño de la primera demo en este tutorial. Para definir cómo una cuadrícula de datos se verá, estaremos pasando diferentes objetos y matrices para la estructura de la propiedad del constructor DataGrid. Vamos a trabajar desde el objeto definible más pequeño - una célula - a la más grande - una vista. No estaremos describiendo cómo recuperar los datos desde el servidor todavía, pero vamos a llegar a ella en el siguiente tutorial.
Todos hemos estado en la siguiente situación: su jefe viene a usted y le pide que muestre una enorme cantidad de datos en la aplicación que está desarrollando. Como desarrollador web, usted sabe que mientras más datos que se muestran a la vez significa más memoria el navegador va a consumir, pero su jefe no entiende, él sólo quiere estos datos en la aplicación. Aquí es donde
dojox/grid/DataGrid de Dojo pueden ayudarle. La cuadrícula de datos es capaz de consumir y desplazarse a través de miles de filas de datos con sólo una cantidad de memoria mínima. En este tutorial, vamos a aprender acerca de los fundamentos de la cuadrícula de datos. Para que os hagáis una idea de la capacidad de la cuadrícula de datos para manejar una gran cantidad de datos, hemos elaborado una cuadrícula que muestra estadísticas de bateo para cada persona que ha jugado béisbol profesional en Estados Unidos:
http://dojotoolkit.org/documentation/tutorials/1.10/datagrid/demo/datagrid.php
Como puede ver, la cuadrícula de datos maneja con facilidad este conjunto de datos que contiene 17.452 registros. A los efectos de este tutorial, vamos a utilizar un conjunto más pequeño de los datos: las estadísticas de bateo sólo para aquellos jugadores que están en el salón de la fama. Vamos a empezar.
Partes de la cuadrícula de datos
Como habrá adivinado, la cuadrícula de datos se compone de varias partes diferentes. Al más alto nivel, una cuadrícula de datos se compone de puntos de vista. Vistas rompen la cuadrícula de datos en secciones y hacen que el encabezado y el contenido de cada sección. Encabezados y contenidos contienen filas (aunque sólo el encabezado contiene una fila), que están pobladas por sub-hileras de células. Echemos un vistazo a algunas fotos para una mejor comprensión:
Vamos a recrear y modificar el diseño de la primera demo en este tutorial. Para definir cómo una cuadrícula de datos se verá, estaremos pasando diferentes objetos y matrices para la estructura de la propiedad del constructor DataGrid. Vamos a trabajar desde el objeto definible más pequeño - una célula - a la más grande - una vista. No estaremos describiendo cómo recuperar los datos desde el servidor todavía, pero vamos a llegar a ella en el siguiente tutorial.
