Implementar el componente de cuadrícula de tabla

Este ejemplo muestra cómo crear un componente de conjunto de datos simple, un enlace de metadatos de columna de la vista, un enlace de registro, más registros de paginación y navegación de registros al formulario. Las columnas de encabezado de componentes y los valores de registros internos están enlazados a las vistas existentes.

Disponible para

Aplicaciones basadas en modelos

Código

Puede descargar el componente de ejemplo completo aquí.

Enlace de encabezado de columna a la vista:

La información de columna de vista se encuentra en context.parameters.[dataset_property_name].columns. Es un tipo de matriz.

Enlace de registro:

• Los Id. de registro ordenados están en context.parameters.[dataset_property_name].sortedRecordIds
• Toda la información de registros está en context.parameters.[dataset_property_name].records
• Para cada objeto de registro, context.parameters.[dataset_property_name].records[record_Id]
• El valor con formato se puede recuperar en getFormattedValue

Cargue más páginas de datos si es necesario:

context.parameters.[dataset_property_name].paging proporcionará funcionalidad de paginación como datos hasNextPage y loadNextPage. El botón Load More aparece el botón si tiene datos de la página siguiente.

Este ejemplo también muestra cómo el componente escucha el cambio de tamaño del contenedor.

Se debe llamar al método trackContainerResize dentro del método init para que el mode.allocatedWidth y mode.allocatedHeight se proporcionen cada vez que se llama a updateView. Si no se llama inicialmente a este método, no se proporcionarán allocatedWidth y allocatedHeight.

Si el allocatedHeight es –1, significa que no existe ningún límite en el alto. El componente debe ajustar su altura basándose en el ancho proporcionado.

Temas relacionados

Descargar componentes de ejemplo
¿Cómo usar los componentes de ejemplo?
Referencia de la API de Power Apps component framework
Referencia de esquema de manifiesto de Power Apps component framework

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).