| Table of Contents |
|---|
Objetivo
El objetivo de esta funcionalidad es soportar dentro de Onesait Platform el desarrollo de aplicaciones Web con un enfoque NoCode. Así, desde el Control Panel podrás crear formularios, asignarles Entidades (y datasources) y hacer navegación entre formularios.
...
Para construir esta funcionalidad nos hemos basado en http://Form.io que es una librería JavaScript que incluye un Builder y un Renderer, y la hemos extendido e integrado con las capacidades de plataforma permitiendo manejar de forma muy sencilla las Entidades de plataforma y sus DataSources
Funcionalidad principal
Listado de OP Forms
En el menú del Control Panel se ha añadido una nueva entrada:
...
Búsqueda de formulario: A partir de la lupa se pueden realizar búsquedas en el listado.
Creación de formulario: Este botón permite acceder a la pantalla de creación.
Vista: Este botón da acceso a la pantalla de carga de datos y vista del formulario.
Edición: Este acceso a la pantalla de edición del formulario.
Borrado: con este se borrará.
Clonado: Este botón permite clonar un formulario.
...
Creación de un OP Form
Tras acceder con el botón de creación desde el listado, aparece la pantalla de creación de formularios
...
Finalmente presionando el botón CREATE se creará un nuevo formulario.
Generación de formulario para una entidad
...
Tanto en la pantalla de creación de formulario como de edición de formulario existe el botón Build form from entity, el cual tras seleccionar una entidad generará los campos del tipo pertinente en el formulario para cada campo de la entidad.
...
Éste sería uno de los campos:
...
Carga de datos
Desde el listado al pulsar en el botón VIEW de alguno de los formularios se accede a la pantalla de visualización y carga de datos.
...
El formulario podrá rellenarse desde esta pantalla y enviarse para registrar los datos en la entidad definida para el formulario.
...
Navegación entre formularios
A los botones se les pueden asignar distintas acciones en la pestaña Display, una de ellas es la del envío del formulario submit.
...
Este campo se puede escribir de dos formas una la url completa host + path como https://<instancia onesaitplatform.com>/path o sólo el path como /path, esta última en caso de que estemos trabajando en una aplicación en la que tengas definida la variable "appbase".
...
Carga de datos en un combo (SELECT)
Existen muchas formas de cargar los datos en el componente SELECT pero la más sencilla es usando los datasources de Onesait Platform.
...
Finalmente en la pestaña "API" se rellenará "Property Name" con el path de la propiedad de la entidad donde se almacenará la selección realizada.
Carga de datos en un SELECT para usuarios expertos
Para el caso de usuarios más expertos se pueden utilizar los datasources de Plataforma en una función JavaScript predefinida que permite las operaciones project, filters, group, sort, offset, limit, param. Con esto se permite, sin modificar el datasource, obtener los datos de la forma deseada proyectando los campos, ordenándolos, …
...
El restos de campos como en la carga básica anterior.
Tips para los usuarios
Tanto la pantalla de creación como de vista tienen un espacio donde se muestran consejos para que sea más sencillo elaborar los formularios a los usuarios.
...
Internacionalización
Es posible de forma sencilla internacionalizar los formularios. Para esto hay que seleccionar una internacionalización previamente definida.
...
Estas internacionalizaciones se definen desde esta entrada del menú.
...
Tecnología base
Los OP Forms se basan en la tecnología open-source Formio.js que es una librería Javascript que incluye un Form Builder para la creación de formularios
...