Zelfstudie: Codecomponenten gebruiken in portals

  • Artikel

Notitie

Met ingang van 12 oktober 2022 wordt Power Apps-portals hernoemd tot Power Pages. Meer informatie: Microsoft Power Pages is nu algemeen beschikbaar (blog)
We zullen binnenkort de documentatie voor Power Apps-portals migreren en samenvoegen met Power Pages-documentatie.

In deze zelfstudie maakt u een voorbeeldonderdeel met het Power Apps component framework. U verpakt dit onderdeel in een Dataverse-omgeving en voegt het onderdeel aan een modelgestuurde app toe. U configureert vervolgens Power Apps-portals om het onderdeel toe te voegen aan een basisformulier en voegt het basisformulier aan een webpagina toe. Tot slot bezoekt u de portalwebpagina en werkt u met het onderdeel.

Vereisten

  • Uw portalversie moet 9.3.3.x zijn of hoger.
  • Uw starterportalpakket moet 9.2.2103.x zijn of hoger.

Notitie

Deze zelfstudie is gebaseerd op de bestaande zelfstudie voor het Power Apps component framework die u begeleidt bij het maken van de TSLinearInputComponent voor de tabel Verkoopkans op het formulier Hoofd. U kunt ook een bestaande of nieuwe component en een eventuele andere tabel gebruiken voor deze zelfstudie. Zorg er in dit geval voor dat u uw onderdeel en formulier gebruikt bij het uitvoeren van de stappen in deze zelfstudie.

Stap 1. Uw eerste component maken

Volg de stappen in de zelfstudie Uw eerste component maken om een voorbeeldcomponent te maken. Aan het einde van deze zelfstudie is het onderdeel met de naam TSLinearInputComponent verpakt en geüpload naar uw Dataverse-omgeving.

Stap 2. Het codeonderdeel toevoegen aan een veld in een modelgestuurde app

Nu u de TSLinearInputComponent hebt geüpload naar uw Dataverse-omgeving, voert u de stappen uit in de zelfstudie Een codeonderdeel toevoegen aan een veld in modelgestuurde apps om het onderdeel toe te voegen aan de tabel Verkoopkans in het hoofdformulier.

Stap 3. De modelgestuurde app verifiëren met de nieuwe component

U kunt een bestaande modelgestuurde app bijwerken of een nieuwe app maken met het formulier waaraan u het onderdeel hebt toegevoegd. De volgende afbeelding laat bijvoorbeeld zien hoe de tabel Verkoopkans op het formulier Hoofd eruitziet bij gebruik van het codeonderdeel in deze zelfstudie.

Schuifregelaar toegevoegd aan het veld Budgetbedrag in het formulier met de modelgestuurde app.

Stap 4. Een codecomponent toevoegen aan een basisformulier in portals

In deze stap maakt u een nieuw basisformulier in portals en voegt u vervolgens het onderdeel toe aan het gemaakte basisformulier. U kunt in plaats daarvan ook een bestaand basisformulier gebruiken.

Stap 4.1. Een nieuw basisformulier maken

  1. Open de app Portalbeheer.

  2. Selecteer in het linkerdeelvenster onder Inhoud de optie Basisformulieren.

  3. Selecteer Nieuw.

  4. Voer een naam in. Bijvoorbeeld Basisformulier voor verkoopkansen met codecomponent.

  5. Selecteer Basisnaam als Verkoopkans.

  6. Selecteer voor Formuliernaam het formulier met de modelgestuurde app waaraan u de codecomponent eerder in deze zelfstudie hebt toegevoegd.

  7. Selecteer de Tabbladnaam.

  8. Selecteer uw portal Website.

    Basisformulier configureren met de Portalbeheer-app.

  9. Kies Opslaan en sluiten.

Stap 4.2. Codecomponent toevoegen aan het basisformulier

  1. Open de app Portalbeheer.

  2. Selecteer in het linkerdeelvenster onder Inhoud de optie Basisformulieren.

  3. Selecteer het basisformulier dat u in de vorige stap hebt gemaakt.

  4. Selecteer Gerelateerd.

  5. Selecteer Metagegevens van basisformulier.

  6. Selecteer Nieuwe metagegevens basisformulier.

  7. Selecteer Type als Kenmerk.

  8. Selecteer Logische naam van kemerk als Budgetbedrag (budgetamount).

    Logische naam van kenmerk Budgetbedrag.

  9. Voer Label in. Bijvoorbeeld Budgetbedrag.

  10. Voor Besturingselementstijl selecteert u Codeonderdeel.

    Stijl van besturingselement.

  11. Selecteer Opslaan en sluiten.

Stap 5. Een webpagina in portals maken met het basisformulier

  1. Uw portal openen in Power Apps-portals Studio.

  2. Selecteer in de linkerbovenhoek de optie Nieuwe pagina.

  3. Selecteer Leeg​.

  4. Werk in het eigenschappenvenster aan de rechterkant de naam van de webpagina bij. Bijvoorbeeld Verkoopkansen.

  5. Werk gedeeltelijke URL bij. Bijvoorbeeld verkoopkansen.

  6. Vouw Machtigingen uit.

  7. Schakel Pagina beschikbaar voor iedereen uit.

  8. Selecteer de webrollen die toegang moeten krijgen tot deze pagina.

  9. Selecteer in de pagina-editor, onder de koptekstsectie, de sectie Kolom.

  10. Selecteer Onderdelen in het linkerdeelvenster.

  11. Selecteer onder Portalonderdelen de optie Formulier.

  12. Selecteer in het eigenschappenvenster aan de rechterkant Bestaande gebruiken.

  13. Selecteer onder Naam het basisformulier dat u eerder in deze zelfstudie hebt gemaakt.

    Tip

    Als u het formulier niet ziet, probeer dan Configuratie synchroniseren om wijzigingen van Dataverse te synchroniseren.

  14. Selecteer in de rechterbovenhoek Bladeren door de website.

De webpagina toont nu het basisformulier voor de tabel Verkoopkansen met het codeonderdeel als schuifregelaar, vergelijkbaar met hoe deze wordt weergegeven met de modelgestuurde app voor hetzelfde formulier.

Voorbeeld van de schuifregelaar Budgetbedrag op de pagina Portals.

Volgende stappen

Overzicht: Ccodecomponenten gebruiken in portals

Zie ook

Overzicht Power Apps component framework
Uw eerste component maken
Codecomponenten toevoegen aan een veld of tabel in modelgestuurde apps

Notitie

Laat ons uw taalvoorkeuren voor documentatie weten! Beantwoord een korte enquête. (houd er rekening mee dat deze in het Engels is)

De enquête duurt ongeveer zeven minuten. Er worden geen persoonlijke gegevens verzameld (privacyverklaring).