jQuery EasyUI Data Grid - Añadir componente de la paginación
Este ejemplo muestra cómo cargar datos desde el servidor, cómo añadir componentes pestañas (paginación) a la red de datos (cuadrícula de datos).
Creación de una cuadrícula de datos (DataGrid)
Para cargar datos desde un servidor remoto, debe establecer la propiedad 'url' en el servidor debería devolver datos JSON formato. Ver Cuadrícula de datos de documentación (cuadrícula de datos) para obtener más información sobre el formato de datos al respecto.
<Id = clase "tt" Tabla = estilo "easyui-cuadrícula de datos" = "width: 600px; altura: 250px" url = "datagrid2_getdata.php" title = "iconCls carga de datos" = "icono de guardado" rownumbers = "true" paginación = "true"> <Culata en T> <Tr> <Campo Th = "Itemid" width = "80"> ID del elemento </ th> <Campo Th = "ProductID" width = "80"> Identificación del producto </ th> <Th Campo = "Precio de la lista" width = "80" align = "right"> Lista de Precios </ th> <Campo Th = "unitcost" width = "80" align = "right"> Costo unitario </ th> <= Th Campo anchura "attr1" = "150"> Atributo </ th> <Campo Th = "status" width = "60" align = "center"> Stauts </ th> </ Tr> </ Culata en T> </ Table>
Definimos la columna de la cuadrícula de datos (cuadrícula de datos), y establezca la propiedad "paginación" es cierto, se generará una barra de herramientas de la página (paginación) en la parte inferior de la cuadrícula de datos (cuadrícula de datos) de. paginación enviará dos parámetros al servidor:
- página: 1 número de la página valor de partida.
- filas: filas por página.
El código de servidor
? $ Página = isset ($ _POST [ "página"]) intval ($ _POST [ "página"]): 1; ? $ Rows = isset ($ _POST [ 'filas']) intval ($ _POST [ 'filas']): 10; // ... $ Rs = mysql_query ( "select count (*) de la partida"); $ Fila = mysql_fetch_row ($ rs); $ Result [ "total"] = $ fila [0]; $ Rs = mysql_query ( "SELECT * FROM límite de elementos de compensación $, $ filas"); Los artículos $ = array (); while ($ fila = mysql_fetch_object ($ rs)) { array_push (items $, $ fila); } $ Result [ "filas"] = $ items; json_encode echo ($ resultado);