4D Ajax Framework v11 Demos
    Release 1 (11.1)

 Barra de herramientas

 Búsqueda predeterminada

  • Mostrar una búsqueda predeterminada
    En 4D Ajax Framework v11 Release 1, las búsquedas predeterminadas 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

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.