Componentes de datos

Datos

Oculto

Puede utilizar el componente Oculto para crear una propiedad de recurso que se puede configurar de forma personalizada dentro de un formulario. No se muestra en formas representadas.

Contenedor

Puede utilizar el componente Contenedor para ajustar un conjunto de campos en un objeto con una clave de contenedor. Un contenedor con la clave financialPerformance se envía como:

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

Asignación de datos

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

Utilizar el componente Asignación de datos para crear pares clave-valor. El componente se puede editar en tiempo de Runtime, por lo que los usuarios pueden crear un nuevo valor-clave haciendo clic en Añadir otro.

Nota: El campo Clave es un campo de texto y no se puede cambiar. El campo Valor se puede cambiar con otros componentes.

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

La pestaña Diseño es específica solo del componente Asignación de datos :

• Atributos HTML : añade atributos HTML personalizados al componente.
  Nota: Los atributos de otros componentes dominan los atributos que configure.
• Superposición de PDF : aplica ajustes de estilo a los formularios PDF.

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

Cuadrícula de datos

Puedes utilizar el componente Cuadrícula de datos para representar varias filas de datos, de forma similar a una tabla de datos. Puede arrastrar y soltar varios componentes en la cuadrícula de datos para que coincidan con su caso práctico.

En la ventana Representador de formulario , las filas dentro del componente Cuadrícula de datos se pueden agregar o eliminar.

• Deshabilitar la adición / eliminación de filas : oculta los botones que permiten añadir o eliminar filas cuando se representa el formulario.
• Permitir reordenación: reordena las filas arrastrándolas y soltándolas.
• Igual anchura de columna: iguala los anchos de las columnas.
• Habilitar grupos de filas: permite separar las filas en grupos. Añade grupos, etiquétalos y selecciona las filas para cada grupo.
• Inicializar vacío : la cuadrícula de datos no tendrá filas visibles cuando se inicialice.

Editar cuadrícula

Puedes utilizar el componente Editar cuadrícula para representar varias filas de datos, de forma similar a una tabla de datos. Puede arrastrar y soltar varios componentes del formulario en Editar cuadrículapara capturar muchos datos.

Cuando se representa el formulario, puedes añadir un duplicado de Editar cuadrículahaciendo clic en Añadir otro.

• Abrir primera fila cuando esté vacía: abre la primera fila cuando Editar cuadrícula está vacía.
• Deshabilitar la adición / eliminación de filas : oculta los botones que permiten añadir o eliminar filas cuando se muestra el formulario.
• Añadir otro texto : cambia el nombre del botón Añadir otro .
• Guardar texto de fila : cambia el texto del botón Guardar fila .
• Eliminar texto de fila : cambia el texto del botón Eliminar fila .

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

Plantilla de encabezado

Esta es la Plantilla de Lodash utilizada para representar el encabezado del componente Editar cuadrícula .

Importante: la plantilla de encabezado no funciona con Actionsde formulario.

Hay dos variables disponibles:

• valor : la matriz de datos de la fila.
• componentes : la matriz de componentes de la cuadrícula.

Plantilla de fila

Esta es la Plantilla de Lodash utilizada para representar cada fila del componente Editar cuadrícula .

Importante: la plantilla de fila no funciona con Actionsde formulario.

Hay tres variables disponibles:

• fila : objeto de los datos de una fila.
• componentes : la matriz de componentes de la cuadrícula.
• estado : estado de la fila actual (borrador / guardado).

Para añadir eventos de tipo Clic , añade las siguientes clases a los elementos: editRow y removeRow.

Plantilla de pie de página

Esta es la Plantilla de Lodash utilizada para representar el pie de página del componente Editar cuadrícula .

Hay dos variables disponibles:

• valor : la matriz de datos de la fila.
• componentes : la matriz de componentes de la cuadrícula.

Tabla de datos

Puedes utilizar el componente de 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 de formulario en el componente Tabla de datos .

• Ordenables : ordena los datos dentro de las columnas en orden ascendente o descendente. Ordena los datos en Runtime.
• Filtrable : filtra los datos dentro de cada columna. Filtrar los datos en Runtime.
• Columna (s) ajustable : cambia el ancho de las columnas en tiempo de Runtime. La función Columna (s) redimensionable le permite ver mejor los datos dentro de las columnas.

• Paginación : muestra los datos del componente de la tabla de datos en las páginas numeradas. La capacidad de paginación también incluye establecer el número de elementos por página.

• Edición enlínea : permite la edición en tiempo de Runtime, 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 tablade datos, haz clic en cualquier encabezado de columna del formulario.

• El primer clic ordena los datos en orden ascendente.
• Elsegundo clic ordena los datos en orden descendente.

• El tercer clic restaura el orden original.

  

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. Introduce un valor en el campo Filtro del menú de tres barras. El valor de entrada en el campo Filtro es una condición para la operación de filtrado.

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