Descargar: ezEditTable - Mejorar tablas HTML

MAS INFO / DESCARGAR

ezEditTable 2.3.1 es un código javascript destinado a mejorar las tablas HTML normales mediante la adición de funciones como componentes de edición en línea, selección avanzada y navegación por teclado. Con solo una línea de código, puede convertir fácilmente una tabla HTML normal en un control de cuadrícula editable y seleccionable avanzado.

Principales características

Adjuntar a una tabla HTML existente
Modelo de selección avanzada
Navegación de teclado extendida
Edición de celdas o filas en línea
Insertar y eliminar filas
Envíe cambios al servidor a través del envío de formularios GET o POST, solicitudes AJAX o mediante inyección de script (solo GET)
Integración con cualquier tecnología del lado del servidor ya que esta es una solución pura del lado del cliente
Se puede usar como una extensión del nuevo TableFilter, anteriormente secuencia de comandos HTML Table Filter Generator para proporcionar capacidades aún más avanzadas a las tablas HTML normales.
Devoluciones de llamadas para todos los eventos y delegados para la mayoría de las acciones
Basado en javascript simple, es decir, independiente de cualquier framework javascript pero compatible con cualquiera de ellos (no for..in etc.)
Documentación exhaustiva y API

¿Qué hay de nuevo?

Esta versión viene con las siguientes características:

AJAX apoyo para el envío de datos. Los cambios de datos ahora se pueden enviar a través del envío de formularios, solicitudes AJAX e inyección de secuencias de comandos
apoyo para insert y delete teclas en modo edición
opción para activar el editor de celdas al pulsar una tecla (editable_on_keystroke)
opción para colocar una nueva fila en el índice de fila deseado en la tabla (new_row_pos)

y una demostración con soporte AJAX (jQuery):

Los cambios persistieron a través de llamadas AJAX (jQuery)

Población

Esta colección de ejemplos muestra lo fácil que es configurar este script:

Muestras

Estilismo

El script viene con 3 temas y una extensa API para definiciones CSS:

rodillo temático
Diseño personalizado definido con las propiedades CSS de la API

Integración del lado del servidor

Ejemplos que muestran la integración del lado del servidor (Php/MySql) disponible en la página de demostraciones del script:

Operaciones de inserción, actualización y eliminación con modo de guardado automático
Operaciones de inserción, actualización y eliminación con botones de comando y guardado automático deshabilitado
Llamadas AJAX (jQuery) (nuevo)
Operaciones personalizadas de inserción y actualización realizadas con llamadas AJAX (jQuery)
Configurar los editores de subida

Componente de cuadrícula avanzado

Combinado con el nuevo TableFilter anteriormente HTML Table Filter Generator, este script proporciona soluciones avanzadas de componentes de cuadrícula:

Cuadrícula de selección
Cuadrícula de selección de casillas de verificación
cuadrícula editable
Grilla editable con botones de comando
Cuadrícula AJAX editable (jQuery)

Nota IMPORTANTE

El objetivo de este código es mejorar las capacidades de las tablas HTML y proporcionar una forma genérica o personalizada de enviar datos al servidor para operaciones de base de datos sin importar qué tecnología de servidor utilice. Los ejemplos presentados en el sitio web del script usan PHP y MySql y están destinados a mostrar cómo configurar el script para enviar datos al servidor. Esta no es una solución basada en PHP / MySql, puede usar este script con otras tecnologías del lado del servidor.

¿Por qué usar este guión?

Si necesita mejorar la experiencia de los usuarios al manejar tablas de datos en su sitio web, este código podría ser una solución rápida y eficiente. Este script se enfoca en 3 áreas principales:

Navegación por teclado:
una navegación de teclado avanzada similar a lo que esperaría en aplicaciones no basadas en web
Modelo de selección (fila y/o celda):
un modelo de selección ampliado, que combina filas y celdas si es necesario, y permite la selección de varias filas manteniendo presionadas las teclas Ctrl o Shift
Componentes de edición (editor de celdas o filas):
una forma sencilla de convertir una tabla de datos HTML sin formato en un control de cuadrícula editable y mantener la lógica del lado del cliente completamente separada de la lógica del lado del servidor

Además, la API del script exhaustivo también le permitirá crear fácilmente sus componentes avanzados basados en esta cuadrícula. Un conjunto completo de devoluciones de llamada para cada evento y delegados para cada acción hace que esta cuadrícula sea totalmente personalizable y extensible para los requisitos de su proyecto.

registro de cambios

2016-05-13

v2.3.1 es una versión de corrección de errores:

Se corrigió el error del evento onkeypress con el área de texto y los editores de celdas seleccionadas

2015-03-15

v2.3 es una versión de corrección de errores:

Se corrigió el error de selección que ocurría después de la eliminación masiva de filas
Página de inicio agregada a la documentación

2014-05-25

v2.2 viene con esas características y mejoras:

AJAX apoyo para el envío de datos. Los cambios de datos ahora se pueden enviar a través del envío de formularios, solicitudes AJAX e inyección de secuencias de comandos
apoyo para insert y delete teclas en modo edición
opción para activar el editor de celdas al pulsar una tecla (editable_on_keystroke)
opción para colocar una nueva fila en el índice de fila deseado en la tabla (new_row_pos)