| Table of Contents | ||
|---|---|---|
|
| Info |
|---|
Disponible desde Release a partir de la versión 6.0.0 |
Introducción
Seguimos trabajando para incluie incluir nuevas funcionalidades en los formularios Formularios de plataformala Plataforma, así como mejoras de usabilidad y estabilidades.
Veamos las funcionalidades incorporadas en esta releaseversión:
Plantillas para creación de
...
Formularios
Ahora podemos crear formularios Formularios a partir de plantillas predefinidas, estas plantillas generan los formularios Formularios más habituales.
¿Cómo usarlas?
En el editor de formularios Formularios aparece un nuevo botón Use Template
...
«Usar Plantilla».
...
Al pulsarlo aparecen las distintas opciones, estas . Estas varían en función de si se selecciona una entidad Entidad o no.
...
Dentro de estas opciones están:
Generar un formulario Formulario vació sólo con el botón de submit Un formulario con botón submit «Submit».
Generar un Formulario con el botón «Submit» y todos los campos de la entidadEntidad.
Un Generar un listado de registros donde las columnas son los campos de la entidadEntidad, con los botones para crear, editar y eliminar registros.
Un formulario Generar un Formulario como el anterior pero con el listado paginado en servidor.
Un formulario Generar un Formulario de creación de registros de la entidad Entidad seleccionada con el botón de crear, cancelar y resetear los datos.
Un formulario Formulario con los campos de sólo lectura para mostrar los registros sin poder editarlos.
Uso de varios
...
Datasources
En algunos casos puede que necesitemos mostrar más información en los formularios Formularios que sólo la que nos brinda la entidad Entidad asociada al formularioFormulario, por lo cual se ha creado la posibilidad de utilizar varios datasources Datasources al cargar el formulario Formulario y poder emplear esta información en el formularioFormulario.
¿Dónde encontramos los
...
Datasources?
Disponemos del switch Datasources al para activarlo.
...
Aparece una zona donde podemos seleccionar los datasources Datasources que queremos que se carguen en la carga inicial del formularioal iniciarse el Formulario.
Al añadir un datasource Datasource aparecen a la derecha todos los campos, pudiendo copiar el path de estos para utilizarlos en los distintos componentes del formularioFormulario.
...
Además, permiten ser filtrados en servidor por los valores de la entidad Entidad en el caso de que estemos cargan cargando un registro de esta.
...
También permiten ser filtrados por el valor que asignemos.
...
Para usarlos, por ejemplo en un componente «Text Field», en la pestaña «Data», asignaríamos como valor por defecto el path del campo que queremos mostrar por . Un ejemplo:
value = ds.AEMET_ESTACIONES[0].provincia
, donde «AEMET_ESTACIONES» sería el datasourceDatasource, «[0]» sería el primer registro y «provincia» sería el path del campo que queremos mostrar.
Mejoras en componentes
En todos los componente se ha pasado el campo property name «Property Name» a la pestaña Display «Display» para mejorar la usabilidad.
...
...
Paginated Table
Este componente ahora permite cargar los registros tanto a partir de un datasource
...
Como Datasource y a partir de una entidad Entidad.
...
Además, para facilitar la creación de estas se ha creado el botón «Load Fields», el cual carga todos los campos de la entidad Entidad o del datasource Datasource seleccionado para crear las columnas de la tabla.
En el listado luego puede intercambiarse el orden de estos campos arrastrando.
...
Filtrado en
...
Paginated Table
Se permite añadir filtros a los valores de la tabla, seleccionaremos . Seleccionaremos un parámetro de los campos posibles de la entidad Entidad o datasource Datasource, un operador y una condición, que puede ser una constante o una variable donde se pueden utilizar los valores de otros componentes del formulario Formulario de esta forma {{data.propertyname}}.
Con esto se pueden componente crear componentes en el formulario Formulario que permitan filtrar la tabla por ejemplo.
...
Ocultar el
...
Search en Paginated Table
Se da la opción de ocultar el componente search «Search» de la tabla.
...
Opciones de cada fila en Paginated Table
En la opciones ahora se permite al marcar una opción como eliminado o clonado, en cuyo caso se puede indicar el mensaje que mostrará la ventana modal al eliminar o clonar el registro del formularioFormulario.
También se pueden crear reglas para ocultar o deshabilitar la opción en función del valor de los campos de la fila
...
.
Paginated Table from Server
Este componente permite mostrar una tabla con las mismas propiedades que el componente anterior pero paginando los registros en servidor.
...
Tendremos la opción de decidir el número de registros por página que se mostrarán.
...
Table
...
Se ha añadido la opción de convertir en tabla flotante, esto sirve para ajustar la tabla a la derecha o izquierda por si quiesieramos quisiéramos poner un grupo de botones.
...
como en este caso
...
Este es un ejemplo:
...
Button
Se ha creado la opción de poder decidir que campos del formulario Formulario se envían al pulsar el botón por si en algún caso no es preciso enviarlos todos.
...
Para los casos en los que se precise que el valor del botón, que es un boleano booleano, se envíe con el formulario Formulario para almacenarse, se marcaría «to persist», sino se desea por defecto siempre estará marcado «Do not persist».
...
Text Area
Al crear un componente text area «Text Area» podemos indicar que se use un editor, tenemos . Tenemos estas tres opciones:
ACE
Ace ACE es un editor de código integrable escrito en JavaScript. Coincide con las características y el rendimiento de editores nativos como Sublime, Vim y TextMate. Se puede integrar fácilmente en cualquier página web y aplicación JavaScript. Ace ACE se mantiene como editor principal de Cloud9 IDE y es el sucesor del proyecto Mozilla Skywriter (Bespin).
...
Este sería un ejemplo con el tema terminal:
...
Otras opciones nuevas son el máximo y mínimo de líneas que se muestran en el editor y a partir de que línea se activa el scroll del componente, esto . Esto por ejemplo es útil si sabemos que vamos a necesitar un editor de un tamaño inicial más grande o más pequeño en función de los datos que se vayan a introducir.
...
CKEditor
El editor de texto enriquecido para cada caso de uso.
...
Quill
Quill es un editor WYSIWYG de código abierto. Con su arquitectura modular y API expresiva, es completamente personalizable para adaptarse a cualquier necesidad.
...
File
El componente «File» permite almacenar y descargar fichero, en este componente se ha habilitado cuando el tipo de storage «Storage» es por «Url», una URL una url de descarga para el caso en el que las APIS APIs no tenga tengan la misma url URL de subida y de descarga de ficheros.
...
Mejoras en los estilos del editor
Se han mejorado lo estilos del editor para que quede más claro cual es el componente que estamos editando.
...