Compartir a través de


Implementar componente de API web

El componente de API web está diseñado para realizar crear, recuperar, actualizar y eliminar acciones. El componente genera cuatro botones, en los que se puede hacer clic para invocar distintas acciones de la API web. El resultado de la llamada de la API web se inserta en un elemento div HTML en la parte inferior del componente de código.

Componente de API web.

Disponible para

Aplicaciones basadas en modelos

Código

Puede descargar el componente de ejemplo completo aquí.

De forma predeterminada, en el ejemplo, el componente está configurado para realizar acciones de creación, recuperación, actualización en la entidad Account y establecer los campos de nombre e ingresos en los ejemplos de la API web.

Para cambiar la configuración predeterminada a cualquier entidad o campo, actualice los valores de configuración a continuación como se muestra

 private static _entityName:string = "account";  
 private static _requiredAttributeName: string = "name";  
 private static _requiredAttributeValue: string = "Web API code component (Sample)";  
 private static _currencyAttributeName: string = "revenue";  

El método createRecord genera tres botones, lo que le permite crear un registro de cuenta con el campo de ingresos establecido en diferentes valores (100, 200, 300).

Cuando hace clic en uno de los botones Crear, el controlador de eventos onClick del botón comprueba el valor del botón en el que se ha hecho clic y usa la acción web API para crear un registro de cuenta con el campo de ingresos establecido en el valor del botón. El campo de nombre del registro de cuenta se establecerá como Web API code component (Sample) con un int aleatorio anexado al final de la cadena. El método de devolución de llamada de la llamada de la API web inserta el resultado de la llamada de la API web (correcta o error) en el div de resultado del control personalizado.

El método deleteRecord genera un botón que abre un cuadro de diálogo de búsqueda cuando se hace clic en él. El diálogo de búsqueda permite seleccionar el registro de cuenta que desea eliminar. Una vez que se selecciona un registro de cuenta del diálogo de búsqueda, se pasa al deleteRecord para eliminar el registro de la base de datos. El método de devolución de llamada de la llamada de la API web inserta el resultado de la llamada de la API web (correcta o error) en el div de resultado del control personalizado.

El método FetchXML retrieveMultiple presenta un botón en el componente de código. onClick de este botón, FetchXML se genera y se pasa a la función retrieveMultiple para calcular el valor promedio del campo de ingresos para todos los registros de cuentas. El método de devolución de llamada de la llamada de la API web inserta el resultado de la llamada de la API web (correcta o error) en el div de resultado del control personalizado.

El método retrieveMultiple de OData genera un botón en el componente de código. onClick en este botón, la cadena de OData se genera y se pasa a la función retrieveMultiple para recuperar todos los registros de cuenta con un campo de nombre que es como ‘API web del componente de código (ejemplo)’, que es True para todos los registros de cuenta creados por este ejemplo de componente de código.

Tras la recuperación correcta de los registros, el componente de código tiene lógica para contar cuántos registros de cuenta tiene el campo de ingresos establecido en 100, 200 o 300, y mostrar este recuento en un div de contenedor de estado de odata en el componente de código. El método de devolución de llamada de la llamada de la API web inserta el resultado de la llamada de la API web (correcta o error) en el div de resultado del control personalizado.

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