Share via


Legge til en innebygd lerretapp i et modelldrevet skjema

Denne artikkelen forklarer hvordan du bygger inn en lerretsapp i et modelldrevet skjema. Lerretsapper kan kobles til en rekke datakilder og gi utforminger større kontroll over den generelle brukeropplevelsen.

To integreringsmetoder er beskrevet i denne artikkelen. Først bruker du den moderne opplevelsen for Enhetlig grensesnitt, og deretter bruke den klassiske opplevelsen.

Obs!

Det finnes en tredje og nyere metode for innbygging av lerretsapper i en moderne app, som bruker egendefinerte sider for bedre integrering med lerretsappen. Oversikt over egendefinerte sider for modelldrevne apper.

Eksempel på en innebygd lerretsapp i hovedskjema for en modelldrevet app.

Bygg inn en lerretsapp ved hjelp av den moderne opplevelsen

Hvis du vil bygge inn en lerretsapp i et hovedskjema for en modelldrevet app, for eksempel hovedskjemaet for Kontoer-tabellen, følger du denne fremgangsmåten:

  1. Logg deg på Power Apps.

  2. Velg miljøet, og velg deretter Løsninger i venstre navigasjonsrute. Hvis elementet ikke finnes i sideruten, velger du ...Mer og deretter elementet du vil ha.

  3. Åpne løsningen som har tabellen der du vil legge til en lerretsapp i et hovedskjema.

  4. Åpne tabellen, velg Skjemaer, og åpne deretter Hoved-skjemaet du vil ha.

    Tips

    Som standard er komponentetiketten for lerretsappen Nytt lerretsapp. Du kan endre lerretsappetikettnavnet til noe mer meningsfylt, for eksempel navnet på lerretsappen eller en kort beskrivelse av lerretsappen du bygger inn i skjemaet.

  5. Velg området i skjemaet der du vil at lerretsappen skal vises, eller opprett en ny kategori for å vise lerretsappen.

  6. Velg Komponenter i den venstre navigasjonsruten, utvid Inndata, og velg deretter Lerretsapp-komponenten.

  7. Følgende egenskaper kan konfigureres for kontrollen.

    • I området Enhetsnavn kan du angi følgende egenskaper:

      • Bind til tabellkolonne: Når Bind til tabellkolonnen er valgt, endres Statisk verdi-egenskapen slik at du kan velge hvilken tabellkolonne du vil binde til. Når du velger å binde til en tabellkolonne, defineres kolonnen av tabellkolonneverdien. Når for eksempel Bind til tabellkolonne er valgt for Enhetsnavn ved kjøretid, tar verdien for tabellnavnet verdien Tabellkolonne.

      • Statisk verdi: Bruk denne for å legge til et navn for deg for å referere til lerretsappen. Legg merke til at denne verdien ikke har noen innvirkning på den innebygde lerretsappen. Den er bare ment å fungere som et referansepunkt.

    • Appnavn-området angir det unike navnet på lerretsappen.

      • Bind til tabellkolonne: Når du velger Bind til tabellkolonnen er valgt, endres Statisk verdi-egenskapen slik at du kan velge hvilken tabellkolonne du vil binde til. Når du velger å binde til en tabellkolonne, defineres kolonnen av tabellkolonneverdien. Når du for eksempel velger Bind til tabellkolonne for Appnavn bruker verdien for appnavnet verdien til tabellkolonnen i appens kjøretid, for eksempel verdien fra en egendefinert tekstkolonne.

      • Statisk verdi: Angir det unike navnet på lerretsappen som skal bygges inn. Angi lerretsappens unike navn for en eksisterende lerretsapp. Mer informasjon: Slik finner du det unike navnet og app-IDen for en lerretsapp

    • Det påkrevde App-ID-området angir app-ID for lerretsappen.

      • Bind til tabellkolonne: Når du velger Bind til tabellkolonne, endres listen slik at du kan velge hvilken tabellkolonne du vil binde til. Når du velger å binde til en tabellkolonne, defineres kolonnen av tabellkolonneverdien. Når du for eksempel velger Bind til tabellkolonne for Appnavn bruker verdien for appnavnet verdien til kolonnen i appens kjøretid, for eksempel verdien fra en egendefinert tekstkolonne.

      Viktig

      I de fleste situasjoner anbefaler vi ikke å bruke alternativet Bind til tabellkolonne for app-IDen da dette krever at riktig app-ID vises i et felt innenfor oppføringen.

    • Vis komponent. Angir klienttypen for å vise den innebygde lerretsappen. Velg mellom Web, Mobil og Nettbrett. Legg til lerretsappkontrollen i en tabellkolonne.

  8. Velg Ferdig. Hvis du vil publisere appen for å gjøre den tilgjengelig for brukere, velger du Publiser.

Når du har publisert en innebygd lerretsapp i det modelldrevne skjemaet, kan du dele den innebygde lerretsappen med andre brukere. Mer informasjon: Dele en innebygd lerretapp.

Når brukere åpner en modelldrevet app som inneholder skjemaet du har endret, ser de den innebygde lerretsappen i skjemaet. Når oppføringen som vises i hovedskjemaet endres, endres datakonteksten som sendes til skjemaet, og den innebygde appen oppdateres for å vise de relevante dataene.

Denne artikkelen emnet viste hvordan du kommer i gang med å bygge inn en lerretsapp i et modelldrevet skjema. Du kan tilpasse den innebygde lerretsappen ytterligere slik at den kobler til og henter inn data fra ulike datakilder. Bruk funksjonene Filtrer, Søk og Oppslag og konteksten som ble sendt inn fra det vertsmodelldrevne skjemaet, til å filtrere eller søke etter bestemte oppføringer i disse datakildene. Bruk lerretsappredigeringsprogrammet WYSIWYG til å enkelt utforme grensesnittet i henhold til kravene dine.

Slik finner du det unike navnet og app-IDen for en lerretsapp

Lerretsappkontrollen ser først etter lerretsappen ved å bruke det unike navnet som finnes i Appnavn-feltet. Hvis du ikke finner en lerretsapp med det unike navnet i miljøet, vil lerretsappkontrollen deretter bruke den angitte verdien i feltet App-ID til å laste inn lerretsappen. Selv om du må angi verdier i både appnavnet og app-ID-feltene, trenger bare én av verdiene for å være nøyaktig for at den innebygde lerretsappen skal lastes inn i kontrollen. Vær oppmerksom på at lerretsappen må være i gjeldende miljø.

  • Appnavn-feltet er det unike navnet på lerretsappen. Du finner det unike navnet ved å legge til lerretsappen i en løsning. Det unike navnet på lerretsappen vises i Navn-kolonnen og vises i solutionpublisherprefix_appnamenospaces_appendix. For eksempel contoso_canvasappwithsharepointlist_5ee16. Det unike navnet på en lerretsapp vises i Løsninger-området
  • App ID-egenskapen angir ID-en for den innebygde lerretappen. Angi App-IDen for en eksisterende lerretsapp. ID-en for lerretsappen kan du finne på Power Apps, gå til Apper, velge lerretsappen og deretter velge Detaljer på kommandolinjen.

Bygg inn en lerretsapp ved hjelp av den klassiske opplevelsen

  1. Logg deg på Power Apps.

  2. Opprette eller redigere hovedskjemaet for en tabell – Kontoer-tabellen i vårt eksempel.

  3. Velg Bytt til klassisk på kommandolinjen for å åpne skjemaet i den klassiske skjemautformingen.

  4. I den klassiske skjemautformingen velger du delen i skjemaet der du vil at den innebygde lerretappen skal vises.

  5. Ved hjelp av kolonneruten legger du til en obligatorisk kolonne, for eksempel Navn på forretningsforbindelse.

    Viktig

    Bruk alltid en obligatorisk kolonne som garantert har en verdi. Hvis kolonnen ikke har en verdi, oppdateres ikke den innebygde lerretsappen i henhold til endringer i data i det vertsmodelldrevne skjemaet.

  6. I kategorien Hjem i Rediger-gruppen velger du Endre egenskaper med kolonnen valgt.

  7. I Kolonneegenskaper-dialogboksen velger du Kontroller-kategorien.

  8. I kategorien Kontroller velger du Legg til kontroll.

  9. I dialogboksen Legg til kontroll i listen over tilgjengelige kontroller velger du Lerretapp og velger deretter Legg til.

  10. I Kolonneegenskaper-dialogboksen i listen over kontroller velger du Lerretsapp, og velger deretter Web-alternativet.

  11. I delen under listen over kontroller vises listene over tilgjengelige egenskaper for lerretsappkontrollen.

    • Tabellnavn-egenskapen angir tabellen som gir dataene til den innebygde lerretsappen. Den settes til tabellen som inneholder kolonnen du la til i et tidligere trinn.
      • Vær oppmerksom på at selv om denne egenskapen ser ut til å kunne endres, vil ikke en endring av den ha noen innvirkning på den innebygde lerretappen. Den er bare ment å fungere som en referanse for deg.
    • App Name-egenskapen angir navnet på lerretsappen som skal bygges inn. Det modelldrevne skjemaet ser etter lerretsappen med det angitte navnet i det gjeldende miljøet. Hvis du ikke finner en lerretsapp med dette navnet i miljøet, vil lerretsappkontrollen bruke app-ID-en til å laste inn lerretsappen. Angi appnavnet for en eksisterende lerretsapp.
    • App ID-egenskapen angir ID-en for den innebygde lerretappen. Du kan angi en app-ID for en eksisterende lerretsapp, eller en app-ID blir automatisk generert og fylt ut for deg når du oppretter eller redigerer en lerretsapp ved å velge Tilpass. ID-en for lerretsappen kan du finne på Power Apps, gå til Apper, velge lerretsappen og deretter velge Detaljer på kommandolinjen.

    Obs!

    Vær oppmerksom på at endringer i App-ID-verdien bryter koblingen fra det modelldrevne skjemaet til den innebygde lerretappen.

    Hvis verken appnavnet eller app-ID-en samsvarer med en eksisterende lerretsapp, vises meldingen "Beklager, vi finner ikke appen".

  12. Gå til trinn 20 hvis du legger til en fullført lerretsapp. Hvis du oppretter en ny eller redigerer en eksisterende lerretsapp, kan du fortsette å følge fremgangsmåten. Velg Tilpass for å opprette eller redigere en lerretsapp. Dette åpner Power Apps Studio i en ny fane.

    Obs!

    Hvis åpning av Power Apps Studio blokkeres på grunn av popup-blokkering i nettleseren, må du aktivere webområdet make.powerapps.com eller midlertidig deaktivere popup-blokkeringen og deretter velge Tilpass på nytt.

  13. Observer følgende:

    • Merk at det er en egen ModelDrivenFormIntegration-kontroll i den venstre ruten i Power Apps Studio. Denne kontrollen er ansvarlig for å hente kontekstavhengige data fra det vertsmodelldrevne skjemaet til den innebygde lerretappen.
    • Legg merke til at en skjemakontroll for en lerretapp ble lagt til automatisk i det innebygde lerretet, og at denne viser dataene som sendes til den fra det vertsmodelldrevne skjemaet via ModelDrivenFormIntegration-kontrollen.
    • Velg kategorien Vis, og deretter Datakilder. Legg merke til at en datakilde for den overordnede tabellen for det vertsmodelldrevne skjemaet, forretningsforbindelser i dette tilfellet, ble automatisk lagt til i den innebygde lerretappen. - Velg Form1-kontrollen og se at DataSource-egenskapen er satt til Forretningsforbindelser.
    • Mens Form1-kontrollen fortsatt er valgt, se at Item-egenskapen er satt til ModelDrivenFormIntegration.Item.

    Obs!

    Den innebygde lerretsappen har full tilgang til å lese informasjon fra det vertsmodelldrevne skjemaet via ModelDrivenFormIntegration.Item. Hvis du for eksempel vil hente verdien for en kolonne med navnet accountnumber og visningsnavnet nummer for forretningsforbindelse, kan du bruke ModelDrivenFormIntegration.Item.accountnumber eller ModelDrivenFormIntegration.Item.'nummer'.

  14. I egenskapsruten til høyre ved siden av Kolonnervelger du Rediger kolonner.

  15. Velg + Legg til kolonne for å legge til flere kolonner i skjemaet for lerretsappen, eller endre rekkefølgen på eksisterende kolonner ved hjelp av dra og slipp. Lukk dataruten når du er ferdig med å legge til og endre rekkefølgen på kolonner.

  16. Velg kategorien Fil, og deretter Lagre.

  17. Velg Skyen-kategorien. Angi et unikt navn for appen, og velg deretter Lagre nederst til høyre. Merk deg følgende atferd:

    • Lagring av en app for første gang publiserer appen automatisk.
    • Ved senere lagringer velger du Publiser og velger deretter Publiser denne versjonen for å gjøre endringene tilgjengelige.
  18. Velg Tilbake i menyen.

  19. Velg fanen som har klassisk skjemautforming åpen. Observer at egenskapene App-ID og appnavn for lerretsappkontrollen nå har en verdi som er fylt ut automatisk.

    Viktig

    • Skjemautformingsprogrammet har en direkte kobling til Power Apps Studio som ble åpnet i en annen fane i et tidligere trinn.
    • Kontroller at Appnavn har en verdi som ligner på skjermbildet nedenfor. App name-egenskapen angir det unike navnet som skal brukes til å referere til lerretsappen ved kjøre tid. Hvis det ikke er angitt noe navn, brukes App ID-egenskapen til å referere til lerretsappen, noe som kan føre til problemer når du importerer lerretsappen som en del av en løsning. Vi anbefaler at du angir dette navnet slik at du kan sikre at lerretsappen refererer mellom miljøer. Hvis du vil angi det, går du tilbake til trinn 12 og følger fremgangsmåten for å opprette lerretsappen som skal bygges inn.
    App name and App Id properties
  20. I Kolonneegenskaper-dialogboksen velger du Visning-kategorien.

  21. Fjern avmerkingen for Vis etikett i skjemaet, og velg deretter OK.

  22. I kategorien Hjem velger du Lagre, og velger deretter Publiser.

Se også

Redigere en innebygd lerretapp i et modelldrevet skjema
Utføre forhåndsdefinerte handlinger på vertsskjemaet fra en innebygd lerretapp
Egenskaper og handlinger for ModelDrivenFormIntegration-kontroll
Retningslinjer for arbeid med innebygde lerretapper