Conexión de una tienda a un DataGrid

La cuadrícula de datos es el componente central de las muchas aplicaciones debido a su presentación eficaz y utilizable de datos tabulares. En este tutorial vamos a ver cómo conectar la red a una tienda para la recuperación de datos rápida y eficiente y actualización.

En primer lugar, vamos a crear la tienda. En este ejemplo, vamos a crear una tienda JsonRest que actuará como un conector entre la rejilla y nuestro servidor, la comunicación con HTTP JSON REST. Vamos a crear la tienda:

require(["dojo/store/JsonRest"], function(JsonRest){
    myStore = new JsonRest({target:"MyData/"});
});

Esto indica que el almacén hará peticiones a la prevista (relativa) URL "Data /" para la recuperación y modificaciones de datos. 

Podemos utilizar fácilmente otras tiendas, como el dojo / tienda / tienda de memoria o una tienda de encargo, para conducir una cuadrícula. Sin embargo, nos centraremos en la tienda JsonRest en este tutorial.

 

Ahora podemos crear la cuadrícula de datos. El 1,7 DataGrid todavía se basa en la API dojo.data, por lo que utilizará los datos adaptador dojo / / ObjectStore conectar nuestra tienda para la cuadrícula de datos. El DataGrid utiliza el patrón de construcción estándar widget de Dojo, por lo que puede crear una instancia de una cuadrícula de datos con nuestra tienda (asegúrese de incluir la CSS adecuado para el DataGrid también):

 

Ahora deberíamos tener una cuadrícula funcionamiento que está recuperando datos de nuestro servidor. Echemos un vistazo a otras cosas que podemos hacer para mejorar nuestro componente.

 

Una de las características más potentes del Dojo DataGrid es paginación bajo demanda en respuesta a desplazamiento. Esto proporciona una experiencia transparente e intuitiva para el usuario de ver grandes conjuntos de datos - ya que simplemente desplazarse para ver más datos, en lugar de tener que futz con controles de paginación. Esta paginación bajo demanda se logra mediante el envío de recuento consultas limitadas a la tienda; la red llamará al método query () con un segundo parámetro que es un objeto, con propiedades de inicio y de conteo. La tienda JsonRest comunica este límite de recuento con el encabezado Range HTTP. Esta es una característica importante para la escalabilidad ya que nos permite aplazar la carga de filas fuera de la vista en lugar de cargar toda una tabla o consulta resultado de datos. La primera solicitud a nuestro servidor debe ser similar (puede ser útil examinar las solicitudes en el depurador):