Componentes de datos

Datos

Oculto

You can use the Hidden component to create a resource property that can be custom set inside a form. It doesn't display in rendered forms.

Contenedor

You can use the Container component to wrap a set of fields into an object with a container key. A Container with the key financialPerformance submits as:

{
                    data: {
                    financialPerformance {
                    grossProfitMargin: "0.83",
                    [tab]netProfitMargin: "0.43"
                    }
                    }
                    }

Asignación de datos

Tipo de datos: System.Collections.Generic.Dictionary<System.String,System.String>

Utiliza el componente Mapa de datos para crear pares clave-valor. El componente es editable en tiempo de ejecución, por lo que los usuarios pueden crear nuevas paris clave-valor, haciendo clic en Añadir otro.

Nota:

El campo Clave es de forma predeterminada un campo de texto y no se puede cambiar. El campo Valor puede cambiarse con otros componentes.

• Etiqueta para la columna Clave : establece una etiqueta que se mostrará para la columna Clave . Si se deja vacío, el nombre de la columna permanece como Clave.
• Deshabilitar añadir/eliminar filas : oculta los botones que permiten añadir o eliminar filas cuando se muestra el formulario.
• Mostrar columna clave antes del valor : selecciona si quieres que la columna Clave se muestre antes de la columna Valor .
• Añadir otro texto : establece el texto que se mostrará para el botón Añadir otro .

La pestaña Diseño es específica solo para el componente Mapa de datos :

• Atributos HTML : añade atributos HTML personalizados al componente.
  Nota:

  Los atributos de otros componentes dominan los atributos que configuras.

• Superposición de PDF : aplica la configuración de estilo a los formularios PDF.

Para aprender a utilizar el componente Mapa de datos, consulta el tutorial Utilizar el componente Mapa de datos.

Cuadrícula de datos

You can use the Data Grid component to render multiple rows of data, similar to a data table. You can drag and drop multiple components in the Data Grid to match your use case.

In the Form Renderer window, the rows inside the Data Grid component can be added or removed.

• Disable Adding / Removing Rows - hides the buttons that allow adding or removing rows when the form renders.
• Allow Reorder - reorder rows by dragging and dropping them.
• Equal Column Width - makes the widths of columns equal.
• Enable Row Groups - allows separating rows into groups. Add groups, label them, and select the rows for each group.
• Initialize Empty - the Data Grid will have no visible rows when initialized.

Editar cuadrícula

You can use the Edit Grid component to render multiple rows of data, similar to a data table. You can drag and drop multiple form components into the Edit Grid, to capture loads of data.

When the form renders, you can add a duplicate of the Edit Grid, by clicking Add Another.

• Open First Row when Empty - opens the first row when the Edit Grid is empty.
• Deshabilitar añadir/eliminar filas : oculta los botones que permiten añadir o eliminar filas cuando se muestra el formulario.
• Add Another Text - changes the name of the Add Another button.
• Save Row Text - changes the text of the Save Row button.
• Remove Row Text - changes the text of the Remove Row button.

La pestaña Plantillas es específica del componente Editar cuadrícula . Las plantillas de encabezado,fila y pie de página te permiten personalizar la cuadrícula utilizando JavaScript. Puedes modificar qué tipo de componentes se muestran en las filas dentro de una cuadrícula o el aspecto del encabezado/pie de página.

Plantilla de encabezado

This is the Lodash Template used to render the header of the Edit Grid component.

Importante:

La plantilla de encabezado no funciona con acciones de formulario.

Hay dos variables disponibles:

• value - the array of row data.
• components - the array of components in the grid.

Plantilla de fila

This is the Lodash Template used to render each row of the Edit Grid component.

Importante:

La Plantilla de fila no funciona con Acciones de formulario.

Hay tres variables disponibles:

• row - object of one row's data.
• components - the array of components in the grid.
• state - current row's state (draft/saved).

To add Click type events, add the following classes to elements: editRow and removeRow.

Plantilla de pie de página

This is the Lodash Template used to render the footer of the Edit Grid component.

Hay dos variables disponibles:

• value - the array of row data.
• components - the array of components in the grid.

Tabla de datos

Puedes utilizar el componente Tabla de datos para representar varias filas de datos, de forma similar a una tabla de datos. La tabla de datos es un componente de solo lectura que puedes utilizar para mostrar grandes cantidades de datos. Puedes arrastrar y soltar varios componentes del formulario en el componente Tabla de datos .

• Ordenable : ordena los datos dentro de las columnas en orden ascendente o descendente. Los datos se ordenan en tiempo de ejecución.
• Filtrable : filtra los datos dentro de cada columna. Filtra los datos en tiempo de ejecución.
• Columnas redimensionables : cambia el ancho de las columnas en tiempo de ejecución. La capacidad Columnas redimensionables te permite ver mejor los datos dentro de las columnas.
• Paginación : muestra los datos del componente Tabla de datos en páginas que están numeradas. La capacidad de paginación también incluye establecer el número de elementos por página.
• Edición en línea : permite editar en tiempo de ejecución, de forma similar a como lo harías en Excel.

Ordenable

Puede ordenar los datos dentro de las columnas en orden ascendente o descendente. Ordene los datos en Runtime, en el formulario.

Los datos de la tabla de datos se muestran en el mismo orden que en la tabla de datos de entrada. Para ordenar todos los datos de la tabla de datos, haz clic en cualquier encabezado de columna del formulario.

• First click sorts the data in ascending order.

• Second click sorts the data in descending order.

• Third click restores the original order.

  

Filtrable

Puede filtrar los datos dentro de cada columna. Puede filtrar los datos mientras se muestra el formulario.

Para filtrar los datos de una columna:

1. Mantén el puntero sobre el encabezado de la columna y haz clic en la barra triple menú.
2. Elija una operación de filtrado.
3. Input a value in the Filter field of the triple bar menu. The input value in the Filter field is a condition for the filtering operation.

Según el tipo de datos, están disponibles las siguientes operaciones de filtro:

Funcionamiento del filtro	Texto	Número	Fecha/hora
Contiene	✅	❌	❌
no contiene	✅	❌	❌
Igual	✅	✅	✅
no son iguales	✅	✅	✅
Comienza con	✅	❌	❌
Termina en	✅	❌	❌
Menor que	❌	✅	✅
Menor que o igual	❌	✅	❌
mayor que	❌	✅	✅
Mayor que o igual	❌	✅	❌
Dentro del rango	❌	✅	✅
Vacío	✅	✅	✅
No en blanco	✅	✅	✅