Koodikomponentide Liquid malli silt (eelvaade)

  • Artikkel
  • Lugemiseks kulub 2 minutit

[See artikkel on väljalaske-eelne dokumentatsioon ja seda võidakse muuta.]

Power Apps komponentide raamistik annab professionaalsetele arendajatele ja rakenduste tegijatele võimaluse luua mudelipõhiste ja lõuendirakenduste koodikomponente. Need koodikomponendid võivad pakkuda kasutajatele täiustatud kogemust vormide, vaadete ja armatuurlaudade andmetega töötamisel. Lisateave: Koodikomponentide kasutamine portaalides (eelvaade)

Oluline

Koodikomponentide vedelmalli silt nõuab portaalide versiooni 9.3.10.x või uuemat versiooni.

Selle väljalaskega oleme kasutusele võtnud võimaluse lisada koodikomponendid, kasutades veebilehtedel vedela malli silti, ja lubanud veebi API abil komponente, mis on portaalides vormide väljataseme komponentide jaoks lubatud.

Koodi komponente saab lisada codecomponent vedelikumalli sildi abil. Võti, mille abil saab koodikomponenti, mis tuleb laadida, edastatakse atribuudi name abil. Võtmeks võib olla GUID (mis on koodikomponendi ID) või Microsoft Dataverse imporditud koodikomponendi nimi.

Nende omaduste väärtused, mida koodikomponent eeldab, tuleb edastada võtme /väärtuse paarina, mis on eraldatud ": " (käärsoole märk), kus võti on atribuudi nimi ja väärtus on JSON stringi väärtus.

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

Näiteks koodikomponendi lisamiseks, mis ootab sisendparameetrit nimega controlValue, kasutage järgmist Liquid malli silti.

{% codecomponent name:abc_SampleNamespace.MapControl controlValue:'Space Needle' controlApiKey:<API Key Value>%}

Näpunäide

Selles näites kasutatakse parameetreid, mida nimetatakse kontrollväärtuseks ja kontrolliksApiKey, kuid kasutatav komponent võib vajada erinevaid parameetrinimesid.

Näidiskaardi juhtelementi saate kasutada ja koodikomponenti portaalidega kasutatava lahendusena pakendada.

Märkus

Kogukonna poolt loodud ressursse Microsoft ei toeta. Kui teil on kogukonnaressurssidega probleeme või küsimusi, pöörduge ressursi avaldaja poole. Enne nende ressursside kasutamist peate tagama, et need vastavad Power Apps komponendi raamistiku suunistele ja neid tuleks kasutada ainult võrdluseesmärgil.

Õpetus: kasutage koodikomponente Liquid malli sildiga lehtedel

Selles õpetuses konfigureerite Power Apps portaalid, et lisada komponent veebilehele ja seada juurdepääs veebiressursi tabelile. Seejärel külastate portaalide veebilehte ja suhtlete komponendiga.

Enne alustamist

Kui kasutate selles õpetuses kasutatud näidiskoodi komponenti, veenduge, et impordite näidislahendused enne alustamist kõigepealt keskkonda. Lahenduse importimise kohta leiate teavet teemast Lahenduste importimine.

eeltingimused

Eeltingimuste ja portaalide toetatud/toetamata koodikomponentide kohta lisateabe saamiseks minge jaotisse Koodikomponentide kasutamine portaalides (eelvaade).

Märkus

See õpetus kasutab näidiskoodi komponenti, mis on loodud Power Apps komponendi raamistiku abil, et näidata veebilehel kaardi juhtimist. Selle õpetuse jaoks saate kasutada ka mis tahes olemasolevat või uut komponenti ja mis tahes muud veebilehte. Sellisel juhul kasutage kindlasti oma komponenti ja veebilehte, kui järgite selle õpetuse juhiseid. Koodikomponentide loomise kohta leiate lisateavet teemast Esimese komponendi loomine.

1. etapp. Koodikomponendi lisamine Studio veebilehele

  1. Avage oma portaal Power Apps portaalis Studio.

  2. Valige vasakpoolses ülanurgas suvand Uus leht.

  3. Valige Tühi.

  4. Värskendage parempoolsel atribuudipaanil veebilehe nime. Näiteks "Kaardivaataja".

  5. Värskendage osalist URL-i. Näiteks "kaardivaataja".

  6. Laiendage Õiguseid.

  7. Keela Leht on kõigile saadaval.

  8. Valige veebirollid, mille puhul peaks sellele lehele olema juurdepääs.

  9. Valige lehel redigeeritav ala, et redigeerida allikakoodi Liquid.

  10. Ava stuudio koodiredaktor.

  11. Juhtelemendi lisamine liquid malli sildiga, kasutades järgmist süntaksit.

    {% codecomponent name:abc\_SampleNamespace.MapControl controlValue:'Space Needle' controlApiKey:<API Key Value> %}

    Näpunäide

    Kõigi imporditud komponentide üksikasjade toomiseks ja komponendi nime otsimiseks vaadake CustomControli veebi API-d.

    Näiteks:

    • Komponendi otsimiseks:

      https://contoso.api.crm10.dynamics.com/api/data/v9.2/customcontrols?$select=ContosoCustomControlName

    • Komponendi sisendparameetrite toomiseks:

      https://contoso.api.crm10.dynamics.com/api/data/v9.2/customcontrols?$filter=name eq 'ContosoCustomControlName' &$select=manifest

  12. Salvestage ja sulgege koodiredaktor.

  13. Parempoolses ülanurgas valige Sirvi veebisaiti.

  14. Veebilehel kuvatakse nüüd juhtelemendid, mis on sellele lisatud.

2. etapp Luba lugemisjuurdepääs veebiressursi tabelile

Järgige tabelis Veebiressurss juurdepääsu lubamine kirjeldatud juhiseid.

Järgmised toimingud

Ülevaade: Kasuta koodikomponente portaalides

Vt ka

Olemi Dataverse koodikood
Koodikomponendi malli silt
Power Apps komponendi raamistiku ülevaade
Esimese komponendi loomine
Koodikomponentide lisamine veerule või tabelisse mudelipõhistes rakendustes
Portaali veebi-API näidiskomponendi juurutamine