Eye PHP Datagrid - Clase para utilizar Datagrids mediante PHP y Ajax.

Más sobre el programa :: Requerimientos :: Videos :: Actualizaciones

Este es un script o clase programada en PHP para crear controles DataGrids para tu página web o portal CMS. Con él es posible desplegar datos y registros desde una base de datos MySQL , ya sea para visualizarlos en el control o para editar la información por parte del usuario.

La clase es simple, pequeña, y fácil de implementar. Con solo un par de líneas de códigos ya podremos poner el DataGrid en funcionamiento.

A continuación puedes ver más información sobre cómo funciona, y también como instalar los ejemplos que se incluyen en el archivo para descargar.

Mas información sobre el programa.

Indice del contenido:

  1. Características y funcionamiento.
    1. Datagrid simple.
    2. Datagrid con Ajax.
    3. Aplicar filtros para los registros.
    4. Opciones de edición
  2. Otras características y opciones.
  3. ¿ Cómo utilizar y crear el DataGrid ?
  4. ¿ Cómo dar formato a los valores ?
  5. Ver más ejemplos
  6. Cómo probar el Datagrid en modo local o desde tu sitio web.
  7. Ver una demostración online del datagrid.

 

1 - Características y funcionamiento:

1.1 Datagrid simple

Con la clase es posible crear DataGrids básicos, como muestra la siguiente captura, donde se visualiza la grilla con varias columnas y en forma paginada.

1.2 Datagrid con Ajax

También implementar y crear DataGrids utilizando Ajax. El ejemplo de demostración muestra como ordenar los registros al hacer clic en las columnas, sin necesidad de que se refresque y recargue la página del navegador web. : ( Demostración : http://www.eyesis.ca/demos/eyedatagrid/ex1-ajax.php )

1.3 Aplciar filtros para los registros

Filtrar datos, ocultar campos y mostrar columnas de tipo porcentaje mediante una barra de progreso. ( Ver demostración: http://www.eyesis.ca/demos/eyedatagrid/ex2.php)

1.4 Opciones de edición

Ejemplo que muestra como editar y eliminar registros. Insertar cajas de verificación en una columna. También utiliza PHP y Ajax.

Ejemplo : http://www.eyesis.ca/demos/eyedatagrid/ex5.php

2 - Otras características y opciones.

  • Es completamente gratuito y todas las funciones se encuentran disponibles.
  • Funciones de búsqueda y filtrado.
  • Capacidad para desplegar imágenes en una columna.
  • Paginación de registros en forma automática sin programar una sola línea de código.
  • Soporta solo base de datos MySQL.
  • Ordenamiento de datos.
  • Selección de filas.
  • Especificar formato de campos y columnas del dataGrid : Campos de fecha, numéricos, de cadenas, imágenes, controles, moneda, etc ..
  • Solo trabaja y funciona con la versión 5 de PHP .
  • Posibilidad de cambiar fácilmente el Look y apariencia del DataGrid editando el archivo de hoja de estilo CSS ( table.css )
  • Soporte para Ajax.

3 - ¿ Cómo utilizar y crear el DataGrid ?

Para utilizarlo y probarlo, puedes colocar el siguiente código PHP ( Requiere los archivos class.eyedatagrid.inc.php y class.eyemysqladap.inc.php, que se encuentran en el archivo ZIP con el código fuente )


Inicialización

 Cargar el DataGrid con todos los registros de la tabla people



 Mostrar los datos

Para utilizarlo con AJAX

4 - ¿ Cómo dar formato a los valores ?

Para establecer el formato que visualizará una determinada columna, se deberá pasar a la función setColumnsType, los siguientes valores o argumentos:

  • TYPE_HREF : Muestra el valor como un enlace HTML.
  • TYPE_DATE : Muestra el valor como fecha.
  • TYPE_IMAGE: Muestra el valor de la columna con una imagen pasándole también la ruta del archivo gráfico.
  • TYPE_CHECK: Conveirte la celda para que que se comporte como una caja de verificación o checkbox.
  • TYPE_FUNCTION: envía valores o un conjunto de valores a una función específica.
  • TYPE_PERCENT: Convertir un valor a porcentaje.

Este y otros tipos, los puedes ver en el archivo readme.txt. ( incluye ejemplos )

5 - Ver más ejemplos

El archivo ZIP contiene además de la clase PHP, 5 archivos de demostración. También en el archivo Readme.txt, podrás ver una pequeña guía de instrucciones para la implementación del DataGrid en tu página.

6 - Cómo probar el Datagrid en modo local o desde tu sitio web.

Para probar los archivos de ejemplo, ya sea en modo local teniendo el servidor web Apache, MySQl y PHP instalado en tu PC, o hacerlo directamente desde tu sitio web, es muy simple.

Primero, deberás crear una base de datos MySQL de ejemplo desde PHPMyAdmin, por ejemplo Datagrid_test.

Ahora, es posible rellenar esa base de datos con registros, desde un archivo de ejemplo SQL que viene en el archivo de descarga ( es el archivo sample data.sql).

Para cargar esos datos en la base de datos creada anteriormente, lo puedes hacer desde PHPMyAdmin. Para ello hacer clic en la pestaña SQL y en el campo de texto pegar todo el código SQL del archivo sample data.sql y luego presionar el botón Continuar.

Antes de colocar los archivos en la carpeta de tu servidor web para probarlos, deberás editar el archivo class.eyemysqladap.inc.php con tu programa para editar páginas o con el bloc de notas.

En ese archivo se debe introducir los datos de acceso a la base de datos: Nombre de la base de datos, usuario y contraseña.

Listo, ahora ya puedes colocar los archivos en el servidor o en la carpeta www de tu servidor local para probarlo.

Este es el ejemplo del archivo ex4.php.

En esta demostración, se puede mover el ratón sobre una fila y hacer clic. Al pasar el mouse, automáticamente se selecciona y resalta la fila de un color.

Este es el ejemplo del archivo ex5.php.

Este ejemplo muestra varias opciones que se pueden utilizar en este datagrid, por ejemplo el uso de Ajax, aplicar filtros, ordenación de los datos, utilizar los controles personalizados y estándar, los de paginación, añadir columnas con enlaces, etc ..

7 - Ver una demostración online del datagrid.

Haciendo clic en los siguientes enlaces, puedes ver los ejemplos online.

  1. Ejemplo de Datagrid básico.
  2. Datagrid básico usando ajax.
  3. Datagrid con filtros, columnas, cabeceras.
  4. Otras características del Grid.
  5. SElección de filas
  6. Ejemplo completo en ajax.

 


Requerimientos de instalación y uso.

Requiere : MySQL, PHP 5.


Videos tutoriales.

No hay videos relacionados.

Cambios, actualizaciones y mejoras del programa.

Algunos cambios en las últimas versiones.

  • Dos nuevos ejemplos añadidos en el archivo de descarga.
  • Base de datos de ejemplo para poder probar el datagrid en funcionamiento. ( archivo sample data.sql).
  • Soporte para mas formatos para los datos y registros ( moneda, fechas etc ..)
  • Poder incrustar y desplegar controles, por ejemplo listas desplegables, cajas de verificación, etc .. en un determinado campo.
  • Poder desplegar y mostrar un gran conjunto de registros.
  • Corrección de bugs y problemas menores.

Buscar programas


Introduce los términos de búsqueda ...

Enlaces patrocinados.


Detalles y descargar

Web:
www.eyesis.ca
Licencia:
Gratis
Versión:
1.1
Idioma:
Inglés
Programa actualizado:
11 de Abril de 2013


Si te ha gustado esta página, programa o artículo puedes votar haciendo clic en este botón: