4D Ajax Framework v11 Demos
Release 1 y 2 (11.1/2)
Barra de herramientas
- Visualización de barra de herramientas dinámicamente
Este ejemplo muestra cómo visualizar dinámicamente funcionalidades del objeto barra de herramientas (añadir, borrar y buscar) utilizando el API JavaScript de 4D Ajax Framework.
Búsqueda predeterminada
- Mostrar una búsqueda predeterminada
En 4D Ajax Framework v11 Release 1, las búsquedas predeterminadas ahora se pueden mostrar en una pestaña o en una nota en un recuadro. Este ejemplo muestra cómo definir y cambiar las opciones de visualización de búsquedas dentro de un objeto de datos.
Encabezado y pie de página
- Controles de filas de encabezado y pie de página
Este ejemplo utiliza varios comandos nuevos de 4D Ajax Framework v11 Release 1 para personalizar mejor las líneas de encabezado y pie de página en la rejilla. Un cambio importante es que todas las filas en la rejilla ahora pueden mostrar texto ajustado.
Arrastrar y soltar
- Arrastrar y soltar objetos
La rejilla de datos en 4D Ajax Framework v11 Release 1 tiene integradas las funcionalidades de arrastrar y soltar. Este ejemplo demuestra 3 formas diferentes de arrastrar y soltar objetos entre dos rejillas de datos.
Manipulación de columnas
El API JavaScript de 4D Ajax Framework puede utilizarse para realizar un número de tareas sobre columnas en la rejilla de datos. Hay tres ejemplos diferentes:
- Bloqueo de columnas
Este ejemplo muestra cómo bloquear una columna de rejilla de datos. Esta característica permite al usuario desplazarse horizontalmente de izquierda a derecha mientras permanece visible una columna bloqueada .
- Control de visualización de columnas
Este ejemplo muestra cómo visualizar y ocultar columnas seleccionadas de rejillas de datos.
- Redimensionamiento de columnas
Este ejemplo muestra cómo manipular el tamaño de una columna de rejilla de datos.
Estilo CSS y celdas
- Estilos de celdas independientes
La rejilla de datos en 4D Ajax Framework v11 Release 1 soporta estilos de celdas independientes. Esta característica permite al desarrollador cambiar dinámicamente o invalidar estilos para toda celda, fila o columna.
Edición en línea
- Activar y desactivar la edición en línea
Data Grid 2.0 permite a los usuarios modificar un registro en el área de rejilla de datos. Este ejemplo muestra tres de los nuevos comandos de edición en línea.
Control de imagen
- Previsualización de imágenes al pasar el ratón "Hovering"
Anteriormente, para mostrar una imagen en una rejilla, usted tenía que hacer clic en ella y abrir una nueva ventana. Ahora, puede mover su puntero sobre un enlace y previsualizar la imagen sin tener que hacer clic para verla.
- Eventos hover
Este ejemplo amplia la primera demo de previsualización de imágenes al pasar el ratón “Hovering”, añadiendo algunos eventos adicionales al manejo de la imagen.
Eventos
- On Column Click
onDataColumnClick (11.1) es un evento que se dispara cuando se hace clic en un encabezado de columna. Este ejemplo demuestra cómo ejecutar un código javascript cuando este evento se dispara.
- On Row Click
onDataRowClick (11.1) e un evento que se dispara cuando se hace clic en una línea. Este ejemplo muestra cómo ejecutar un código de javascript cuando este evento se dispara.
- On Cell Click
onDataCellClick (11.1) es un evento que se dispara cunado se hace clic en una rejilla de datos. Este ejemplo muestra cómo ejecutar un código javascript cuando este evento se dispara.
- On Row Double Click
onDataRowDblClick (11.2) es un evento que se dispara cuando se hace doble clic en una línea. Este ejemplo muestra cómo ejecutar un código javascript cuando este evento se dispara.
- On Cell Double Click
onDataCellDblClick (11.2) es un evento que se dispara cuando se hace doble clic en una rejilla de datos. Este ejemplo muestra cómo ejeuctar un código javascript cuando este evento se dispara.