Selvstudium: Bruge kodekomponenter i datasæt

Bemærk

Fra 12. oktober 2022 bliver Power Apps-portaler til Power Pages. Flere oplysninger: Microsoft Power Pages er nu generelt tilgængelig (blog)
Vi overfører og fletter snart dokumentationen til Power Apps-portalerne med Power Pages-dokumentationen.

I dette selvstudium skal du oprette en eksempelkomponent ved hjælp af Power Apps component framework. Power Apps component framework giver professionelle udviklere og appudviklere mulighed for at oprette kodekomponenter til modelbaserede apps og lærredapps. Disse kodekomponenter kan give brugerne en bedre oplevelse, når de arbejder med data i formularer, visninger og dashboards. Flere oplysninger: Brug kodekomponenter i portaler

Bemærk

  • Dette selvstudium er baseret på det eksisterende Power Apps component framework-selvstudium, der indeholder en gennemgang af komponenten til Power Apps-gitterkontrol (forhåndsversion) på listen og undergitteret på en tom side. Du kan også bruge en eksisterende eller ny komponent, skal du tilføje den til en anden webside for dette selvstudium. I dette tilfælde skal du sørge for at bruge komponenten og websiden, når du følger trinnene i dette selvstudium. Du kan finde oplysninger om, hvilke kodekomponenter der understøttes i portaler under Brug af kodekomponenter i portaler

I dette selvstudium lærer du, hvordan du kan:

  • Oprette en eksempelkomponent ved hjælp af Power Apps component framework
  • Pak komponenten til et Microsoft Dataverse-miljø
  • Konfigurer Power Pages til at tilføje komponenten på en webside
  • Besøg din Power Pages-webside for at arbejde med komponenten

Forudsætninger

  • Portalversion 9.4.9.xx eller nyere. 
  • Dataverse-basisportalpakke 9.3.2209.x  eller nyere. 

Trin 1 - Opret din første komponent

Fuldfør det Opret dit første komponent-selvstudium.

Bemærk

I slutningen af Opret din første kompponent, skal du have en komponent med navnetg TSLinearInputComponent pakket og overført til Dataverse-miljøet.

Trin 2 - Føje kodekomponenten til visninger eller undergitre i en modelbaseret app

Hvis du vil føje komponenten til tabellen  Konto, visninger og undergitre, skal du følge trinnene her Konvertér visninger og undergitre til redigerbare gitre (forhåndsversion) 

Trin 3 – Tilføj kodekomponent på en liste og undergitter i portal

I dette trin skal du oprette en ny grundlæggende formular i portaler og derefter føje komponenten til den oprettede grundlæggende formular. Du kan også bruge en eksisterende basisformular i stedet. 

Trin 3.1 – Føj kodekomponenten til lister

  1. Åbn Portaladministration-appen.

  2. I venstre rude under  Indhold vælges  liste. 

  3. Vælg  Ny

  4. Angiv  Navn. F.eks.  Kontoliste med kodekomponent

  5. I forbindelse med  Tabelnavn skal du vælge den tabel, du har føjet kodekomponenten til tidligere i dette selvstudium. 

  6. Vælg dit portal- websted 

  7. Vælg Brug en konfigureret kodekomponent som Ja 

    Brug en konfigureret kodekomponent.

Trin 3.2 – Føj kodekomponenten til visninger om liste

Benyt disse trin for at aktivere kontrolelementet i objektvisningen i Dataverse. 

  1. Åbn appen Portaladministration.

  2. Angiv  Navn. F.eks.  Kontoliste med kodekomponent

  3. I forbindelse med  Tabelnavn skal du vælge den tabel, du har føjet kodekomponenten til tidligere i dette selvstudium. 

  4. Vælg dit portal- websted 

  5. Tilføj visninger under gitteret for avanceret indstilling. 

    Tilføj visninger under gitteret for avancerede indstillinger.

  6. Vælg Brug en konfigureret kodekomponent som Ja 

Trin 3.3 – Føj kodekomponenten til undergitter 

  1. Åbn Portaladministration-appen.

  2. Vælg under Indhold Basisfomularer i venstre rude. 

  3. Vælg den basisformular, du oprettede i forrige trin. 

  4. Vælg Relateret

  5. Vælg Metadata for basisformular. 

  6. Vælg Metadata til ny basisformular

  7. Vælg Type for Undergitter

  8. Vælg Navn på undergitter

    Tilføj kodekomponent til undergitter.

  9. Vælg  Kodekomponent for  Kontrolelementtype

    Vælg Kontrolelementtype.

Tilføj datasætbaseret kodekomponent ved hjælp af liquid-kode

Datasætbaseret kodekomponenter kan tilføjes ved hjælp af  codecomponent Liquid-skabelonmærket. Nøglen til tildeling af den kodekomponent, der skal indlæses, overføres ved hjælp af navneattributten. Nøglen kan være GUID (som er kodekomponent-id) eller navnet på den kodekomponent, der importeres til Microsoft Dataverse. 

Værdierne for de egenskaber, kodekomponenten forventer, skal overføres som et nøgle/værdipar adskilt af ":" (kolontegn), hvor nøglen er egenskabsnavnet, og værdien er strengværdien JSON. 

{% codecomponent name: <ID or name> <property1:value> <property2:value> %}

Du kan finde flere oplysninger i Liquid-skabelonkoden for kodekomponenter.

Begrænsninger

Konfigurationen af handlinger og metadatafiltre på lister og undergitre understøttes ikke med Power Apps-gitterkontrolelementet.

Se også

Bruge kodekomponenter i Power Apps-portaler