Del via

Opplæring: Bruk kodekomponenter i portaler

  • Artikkel

Obs!

Fra og med 12. oktober 2022 er Power Apps-portaler Power Pages. Mer informasjon: Microsoft Power Pages er nå tilgjengelig (blogg)
Vi overfører og slår snart sammen Power Apps-portaldokumentasjonen med Power Pages-dokumentasjonen.

I denne opplæringen skal du opprette en eksempelkomponent ved hjelp av Power Apps component framework. Du pakker denne komponenten i et Dataverse-miljø og legger til komponenten i en modelldrevet app. Deretter skal du konfigurere Power Apps-portaler til å legge til komponenten i et standardskjema, og legge til standardskjemaet på nettsiden. Til slutt skal du gå til nettsiden for portaler og samhandle med komponenten.

Forutsetninger

  • Portalversjonen må være 9.3.3.x eller høyere.
  • Startportalpakken må være 9.2.2103.x eller høyere.

Obs!

Denne opplæringen er basert på den eksisterende opplæringen om Power Apps component framework som viser deg hvordan du lager TSLinearInputComponent for tabellen Salgsmulighet i Hoved-skjemaet. Du kan også bruke alle eksisterende eller nye komponenter og andre tabeller i opplæringen. I dette tilfellet må du sørge for å bruke komponenten og skjemaet når du følger trinnene i denne opplæringen.

Trinn 1. Opprette din første komponent

Hvis du vil opprette en eksempelkomponent, følger du fremgangsmåten i opplæringen Opprette din første komponent. På slutten av denne opplæringen har du komponenten TSLinearInputComponent pakket og lastet opp til Dataverse-miljøet.

Trinn 2. Legge til kodekomponenten i et felt i en modelldrevet app

Nå som TSLinearInputComponent er lastet opp til Dataverse-miljøet ditt, følger du fremgangsmåten i opplæringen Legge til en kodekomponent i et felt i modelldrevne apper for å legge til komponenten i Salgsmulighet-tabellen i Hoved-skjemaet.

Trinn 3. Kontrollere den modelldrevne appen med den nye komponenten

Du kan oppdatere en eksisterende modelldrevet app eller opprette en ny app med skjemaet du la til komponenten i. Bildet nedenfor viser for eksempel hvordan Hoved-skjemaet for tabellen Salgsmulighet ser ut når du bruker kodekomponenten i denne opplæringen.

Slider-kontroll lagt til i Budsjettbeløp-feltet i modelldrevet app-skjema.

Trinn 4. Legge til kodekomponent i et standardskjema i portaler

I dette trinnet skal du opprette et nytt standardskjema i portaler og deretter legge til komponenten i dette standardskjemaet. Du kan også bruke et eksisterende standardskjema i stedet.

Trinn 4.1. Opprett et nytt standardskjema

  1. Åpne Portalbehandling-appen.

  2. Velg Standardskjemaer under Innhold i den venstre ruten.

  3. Velg Ny.

  4. Angi Navn. Eksempel: Salgsmuligheter-standardskjemaet med kodekomponent.

  5. Velg Standardnavn som Salgsmulighet.

  6. For Skjemanavn velger du det modelldrevne appskjemaet du la til kodekomponenten i tidligere i denne opplæringen.

  7. Velg Kategorinavn.

  8. Velg Nettsted for portal.

    Konfigurer standardskjema ved hjelp av appen Portalbehandling.

  9. Velg Lagre og lukk.

Trinn 4.2. Legge til kodekomponent i standardskjemaet

  1. Åpne Portalbehandling-appen.

  2. Velg Standardskjemaer under Innhold i den venstre ruten.

  3. Velg standardskjemaet du opprettet i forrige trinn.

  4. Velg Relatert.

  5. Velg Metadata for standardskjema.

  6. Velg Metadata for nytt standardskjema.

  7. Velg Type som Attributt.

  8. Velg Logisk navn på attributt som Budsjettbeløp (budgetamount).

    Logisk attributtnavn for budsjettbeløp.

  9. Angi Etikett. For eksempel Budsjettbeløp.

  10. Velg Kodekomponent for Kontrollstil.

    Kontrollstil.

  11. Velg Lagre og lukk.

Trinn 5. Opprette en nettside i portaler med standardskjemaet

  1. Åpne portalen i Power Apps-portalstudio.

  2. Velg Ny side i øvre venstre hjørne.

  3. Velg Tom.

  4. Oppdater nettsidenavnet i egenskapsruten til høyre. Eksempel: Salgsmuligheter.

  5. Oppdater delvis URL-adresse. Eksempel: salgsmuligheter.

  6. Utvid Tillatelser.

  7. Deaktiver Side tilgjengelig for alle.

  8. Velg nettrollene som skal få tilgang til denne siden.

  9. Velg Kolonne-delen under Topptekst-delen i sideredigeringsprogrammet.

  10. Velg Komponenter i venstre rute.

  11. Under Portalkomponenter velger du Skjema.

  12. Velg Bruk eksisterende i egenskapsruten på høyre side.

  13. Under Navn velger du standardskjemaet du opprettet tidligere i denne opplæringen.

    Tips

    Hvis skjemaet ikke er tilgjengelig, kan du prøve Synkroniser konfigurasjon for å synkronisere endringer fra Dataverse.

  14. Velg Bla gjennom nettstedet øverst til høyre.

Nettsiden viser nå standardskjemaet for Salgsmuligheter-tabellen med kodekomponenten som glidebryter, omtrent slik den vises når den modelldrevne appen brukes for det samme skjemaet.

Eksempel på forhåndsvisning av slider-kontrollen for Budsjettbeløp på portalsiden.

Neste trinn

Oversikt: Bruke kodekomponenter i portaler

Se også

Oversikt over Power Apps Component Framework
Opprette din første komponent
Legge til kodekomponenter i et felt eller en tabell i modelldrevne apper

Obs!

Kan du fortelle oss om språkinnstillingene for dokumentasjonen? Ta en kort undersøkelse. (vær oppmerksom på at denne undersøkelsen er på engelsk)

Undersøkelsen tar rundt sju minutter. Det blir ikke samlet inn noen personopplysninger (personvernerklæring).