Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 3 Next »

El objetivo de este post es conocer las posibilidades que ofrece el módulo Data OP Froms para la generación de nuestro propio formulario.

image-20240315-120517.png

Todas la integraciones de los componentes sobre el formulario son drag & drop. También se puede consultar las diferentes funcionalides de edición y elementos comunes en las diversas capas de formularios.

Hidden

Permite incluir datos en el formulario que no son visibles para el usuario, útil para almacenar información importante o para ser procesada por la lógica del formulario.

image-20240315-121443.png

Paginated Table & Paginated Table from server

Ambos elementos permiten visualizar un conjuntos de datos extensos divididos en varias columbas, facilitando la navegación y gestión de grandes cantidades de información. La difrencia es que el Paginated Table from server está enfocado a la paginación de una gran volumen de datos, en este caso, los datos se cargan dinámicamente desde un servidor remoto recuperando toda la información por lotes, mejorando la eficiencia al manejar grandes volúmenes.

En la edición podremos determinar de donde recuperaremos la información y cargando los campos a partir de Datasources.

image-20240315-123816.png

Este elemento, adicionalmente permite la generación de acciones sobre cada elemento de la tabla, pudiendo añadir bajo configuración elementos de borrado:

image-20240315-135002.png

También, podremos asociar otras opciones, como la edición o creación mediante acciones enlazadas con otros formularios, posibilitando la edición de nuestro nuevo botón, como el icono, color, enlace, etc.

image-20240315-124258.png

Del mismo modo que nos permite enlazar a otros formularios, también podremos pasar parámteos para asociar filtrados de la información mostrada, también podríamos generar filtros de manera fija por formulario.

image-20240315-124553.png

De este modo, se podría generar un formulario tabla de manera sencilla con la funcionalidad básica para eliminar,crear o editar registros.

image-20240315-135030.png

 Container

Permite agrupar otros componentes de datos dentro de un área del formulario, facilitando la organización y estructuración de los datos.

image-20240315-125440.png

Data Map

Componente que permite insertar información por clave y valor, permitiendo generar formularios para la creación de estructuras de datos.

image-20240315-125725.png

Data Grid

Permite presentar datos en una cuadrícula tabular, facilitando la visualización y manipulación de datos en formato de tabla.

image-20240315-125950.png

Edit Grid

Permite a los usuarios editar datos en una cuadrícula tabular directamente dentro del formulario. Es útil para capturar múltiples registros de una manera eficiente y estructurada. Los usuarios pueden agregar, eliminar y editar filas y columnas dentro de la cuadrícula de edición, lo que proporciona una experiencia de usuario intuitiva para la manipulación de datos tabulares.

image-20240315-130201.png

En la edición añadiremos el componente o componentes que queramos capturar de manera múltiple mediante drag & drop.

image-20240315-130315.png

En la vista inicial, nos aparecerá un único registro, teniendo la posibilidad de añadir varios y almacenar su información. (elemento embebido: Text Field con Modal activo. ver Componentes Basic OP Forms)

image-20240315-130620.png

Tree

Permite representar datos jerárquicamente en forma de árbol, útil para visualizar relaciones entre diferentes conjuntos de datos. Como el resto de componentes, añadimos elementos mediante drag & drop.

image-20240315-133815.png

File

Componente que permite a los usuarios cargar archivos adjuntos dentro del formulario, como imágenes, documentos, etc. Donde podremos definir diferente sparametros, como el tipo de base de datos donde almacenaremos la información, nombre de almacenamiento, limite de subida, etc.

image-20240315-134045.png

También, a nivel de data, nos permitirá aceptar multiples ficheros y definición de su persistencia.

image-20240315-134151.png

  • No labels