Dela via

Implementera en webb-API-komponent för en exempelportal

  • Artikel

Anteckning

Från och med den 12 oktober 2022 byter Power Apps-portaler namn till Power Pages. Mer information: Microsoft Power Pages är nu allmänt tillgänglig (blogg)
Vi kommer snart migrera och sammanfoga dokumentationen för Power Apps-portaler med Power Pages-dokumentationen.

Följande är ett exempel på implementering av en kodkomponent som använder portalens Webb-API för att skapa, hämta, uppdatera och ta bort åtgärder. Komponenten återger fyra knappar som du kan klicka på för att aktivera olika webb-API-åtgärder. Resultatet av webb-API-anropet infogas i ett HTML div-element längst ned på kodkomponenten.

Exempelkomponent som använder portalens webb-API.

Förutsättningar

Kod

Du kan hämta hela exempelkomponenten här.

Som standard konfigureras komponenten i exemplet för att skapa, hämta, ange namn och omsättningsfält i webb-API-exemplen.

Om du vill ändra standardkonfigurationen till valfri tabell eller kolumn uppdaterar du konfigurationsvärdena nedan enligt vad som visas

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";

Metoden createRecord återger tre knappar så att du kan skapa en kontopost med omsättningsfältet inställt på olika värden (100, 200, 300).

När du väljer en av skapandeknapparna kontrollerar knapparnas onClick-hanterare värdet på den valda knappen och använder webb-API-åtgärden för att skapa en kontopost med omsättningsfältet inställt på knappens värde. Namnfältet för kontoposten anges till Webb-API-kodkomponent (exempel) med ett slumpmässigt int-tillägg till slutet av strängen. Motringningsmetoden från webb-API-anropet infogar resultatet av anropet (lyckat eller misslyckat) i den anpassade kontrollens resultat-div.

Metoden deleteRecord återger en knapp som tar bort den valda posten i listrutan. Med listrutan kan du välja vilken kontopost du vill ta bort. När du har valt en kontopost i listrutan och knappen Ta bort post har valts tas posten bort. Motringningsmetoden från webb-API-anropet infogar resultatet av anropet (lyckat eller misslyckat) i den anpassade kontrollens resultat-div.

Metoden FetchXML retrieveMultiple återger en knapp i kodkomponenten. När metoden onClick för den här knappen anropas genereras FetchXML och förs till funktionen retrieveMultiple för att beräkna genomsnittsvärdet på omsättningsfältet för alla kontoposterna. Motringningsmetoden från webb-API-anropet infogar resultatet av anropet (lyckat eller misslyckat) i den anpassade kontrollens resultat-div.

Metoden OData retrieveMultiple återger en knapp i kodkomponenten. När metoden onClick för den här knappen anropas genereras en OData-sträng och förs till funktionen retrieveMultiple för att hämta alla kontoposter med ett namnfält som är som kodkomponent webb-API (exempel), som är sant för alla kontoposter som skapats av den här kodkomponenten.

När posterna har hämtats har kodkomponenten logik som räknar hur många kontoposter som har omsättningsfältet inställt till 100, 200 eller 300, och visar det här antalet i en OData-statusbehållare-div på kodkomponenten. Motringningsmetoden från webb-API-anropet infogar resultatet av anropet (lyckat eller misslyckat) i den anpassade kontrollens resultat-div.

Se även

Översikt över Power Apps component framework
Ladda ned exempelkomponenter
Så här använder du exempelkomponenter
Skapa din första komponent
Lägga till en kodkomponent till ett fält eller tabell i ett modellbaserat program
Liquid-malltagg för kodkomponenter
Webb-API-portaler

Anteckning

Kan du berätta om dina inställningar för dokumentationsspråk? Svara i en kort undersökning. (observera att undersökningen är på engelska)

Undersökningen tar ungefär sju minuter. Inga personuppgifter samlas in (sekretesspolicy).