Implementar componente de tabla

Este componente de ejemplo genera una tabla con dos columnas. La columna de la izquierda muestra el nombre del método o la propiedad API, y la columna derecha muestra el valor devuelto por la API. Puede abrir este componente en el tipo diferente de dispositivos o modificar el idioma o la configuración de usuario para ver cómo los valores se ajustan correctamente en la tabla.

Disponible para

Aplicaciones basadas en modelo

Nota

Cuando depura el componente de tabla usando el comando npm start, el componente no se representa en el arnés de prueba. Esto se debe a que el componente utiliza el método context.utils.getEntityMetadata que no es compatible con las herramientas de Microsoft Power Platform CLI todavía.

Código

Puede descargar el componente de ejemplo completo aquí.

Este ejemplo proporciona ejemplos de cómo usar métodos de las interfaces de Client, UserSettings, Utility, Formatting.

Este componente también muestra dos funciones de utilidad, setFullScreen y lookupObjects. Estas funciones son invocadas haciendo clic en el botón generado como parte del componente de código. El botón setFullScreen activa y desactiva el modo de pantalla completa del componente. El botón lookupObjects abre un diálogo de búsqueda y, a continuación inserta el registro seleccionado como texto en div.

En este ejemplo, generamos un botón HTML y adjuntamos un controlador de eventos onClickonLookupObjectsButtonClick al botón. Al hacer clic en este botón, invocamos el método context.utils.lookupObjects() y pasamos como parámetro una matriz de nombres de entidad.

Este método devuelve un objeto Promise, representando la realización o el error de la llamada al diálogo de búsqueda. Si Promise se resuelve correctamente, el objeto de búsqueda que el usuario seleccionó se pasa como parámetro al método de devolución de llamada y se pueden hacer referencia a él como data.id, data.name, data.entityType.

El método de devolución de llamada inserta esta información como HTML en un div generado en el componente de código para mostrar los resultados seleccionados al usuario. Si se rechaza Promise, se invoca el método de devolución de llamada de error donde el componente puede administrar el escenario de error en consecuencia.

Artículos 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