Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Aparece una zona donde podemos seleccionar los Datasources que queremos que se carguen en la carga inicial del al iniciarse el Formulario.

Al añadir un Datasource aparecen a la derecha todos los campos, pudiendo copiar el path de estos para utilizarlos en los distintos componentes del Formulario.

...

value = ds.AEMET_ESTACIONES[0].provincia

, donde «AEMET«AEMET_ESTACIONES» ESTACIONES» sería el Datasource, «[0]» sería el primer registro y «provincia» «provincia» sería el path del campo que queremos mostrar.

...

Este componente ahora permite cargar los registros tanto a partir de un Datasource

...

como y a partir de una 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 o del Datasource seleccionado para crear las columnas de la tabla.

...

Se permite añadir filtros a los valores de la tabla. Seleccionaremos un parámetro de los campos posibles de la Entidad o 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 de esta forma {{data.propertyname}}.

Con esto se pueden crear componentes en el Formulario que permitan filtrar la tabla. Por ejemplo.

...

Ocultar el Search en Paginated

...

Table

Se da la opción de ocultar el componente «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 Formulario.

...

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 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 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 «booleano»booleano, se envíe con el 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 estas tres opciones:

image-20240410-140916.pngImage Removedimage-20240410-140916.pngImage Added

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 se mantiene como editor principal de Cloud9 IDE y es el sucesor del proyecto Mozilla Skywriter (Bespin).

...

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 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.

...