Comentarios

Implementar un compoñente de API web dun portal de exemplo

  • Artigo
  • 2 minutos de lectura

O seguinte é un exemplo de implementación dun compoñente de código que usa a API web do portal para realizar accións de creación, recuperación, actualización e eliminación. O compoñente mostra catro botóns, nos que se pode facer clic para invocar diferentes accións da API web. O resultado da chamada á API web inxéctase nun HTMLdiv elemento na parte inferior do compoñente de código.

Exemplo de compoñente usando a API web do portal.

Requisitos previos

Código

Podes descargar o compoñente de mostra completo de aquí.

De forma predeterminada, na mostra, o compoñente está configurado para realizar a creación, recuperación e definición dos campos de nome e ingresos nos exemplos da API web.

Para cambiar a configuración predeterminada a calquera táboa ou columna, actualice os seguintes valores de configuración como se mostra

private static \_entityName = "account";

private static \_requiredAttributeName = "name";

private static \_requiredAttributeValue = "Web API Custom Control (Sample)";

private static \_currencyAttributeName = "revenue";

private static \_currencyAttributeNameFriendlyName = "annual revenue";

O método createRecord mostra tres botóns, o que lle permite crear un rexistro de conta co campo de ingresos configurado en diferentes valores (100, 200, 300).

Cando selecciona un dos botóns de creación, o botónonClick o controlador de eventos comproba o valor do botón seleccionado e usa a acción da API web para crear un rexistro de conta co campo de ingresos definido co valor do botón. O campo de nome do rexistro da conta establecerase como Compoñente de código da API web (mostra) cun aleatorioint engadido ao final da cadea. O método de devolución de chamada da chamada da API web inxecta o resultado da chamada (éxito ou fallo) no resultado do control personalizado div.

OdeleteRecord método representa un botón que elimina o rexistro seleccionado no menú despregable. O control despregable permítelle seleccionar o rexistro da conta que quere eliminar. Unha vez que se selecciona un rexistro de conta no menú despregable e Eliminar rexistro está seleccionado, o rexistro elimínase. O método de devolución de chamada da chamada da API web inxecta o resultado da chamada (éxito ou fallo) no resultado do control personalizado div.

O FetchXMLretrieveMultiple método representa un botón no compoñente de código. Cando oonClick chámase método deste botón, xérase FetchXML e pásase aoretrieveMultiple función para calcular o valor medio do campo de ingresos para todos os rexistros de contas. O método de devolución de chamada da chamada da API web inxecta o resultado da chamada (éxito ou fallo) no resultado do control personalizado div.

O ODataretrieveMultiple método representa un botón no compoñente de código. Cando oonClick chámase ao método deste botón, xérase unha cadea OData e pásase aoretrieveMultiple función para recuperar todos os rexistros de conta cun campo de nome que é como API web de compoñente de código (mostra), que é certo para todos os rexistros de conta creados por este compoñente de código.

Cando se recuperan correctamente os rexistros, o compoñente de código ten a lóxica de contar cantos rexistros de conta teñen o campo de ingresos establecido en 100, 200 ou 300, e mostrar este reconto nun div de contenedor de estado OData no compoñente de código. O método de devolución de chamada da chamada da API web inxecta o resultado da chamada (éxito ou fallo) no resultado do control personalizado div.

Consulte tamén

Visión xeral de Power Apps component framework
Descargar compoñentes de mostra
Como usar os compoñentes da mostra
Crear o seu primeiro compoñente
Engadir compoñentes de código a un campo ou táboa das aplicacións baseadas en modelos
Etiqueta de modelo líquido para compoñentes de código
API web dos portais

Nota

Pode indicarnos as súas preferencias para o idioma da documentación? Realice unha enquisa breve. (teña en conta que esa enquisa está en inglés)

Esta enquisa durará sete minutos aproximadamente. Non se recompilarán datos persoais (declaración de privacidade).