Koda komponentu Liquid veidnes tags
Power Apps component framework sniedz iespēju profesionāliem izstrādātājiem un programmu veidotājiem izveidot modeļa un pamatnes programmām koda komponentus. Šie koda komponenti var uzlabot lietošanas iespējas lietotājiem, kas strādā ar datiem veidlapās, skatos un informācijas paneļos. Papildu informācija: Izmantojiet kodu komponentus portālā Power Pages
Svarīgi
Liquid veidnes atzīmei ir nepieciešama portālu versija 9.3.10.x vai jaunāka.
Ar šo laidienu mēs esam ieviesuši kodu komponentu pievienošanu, izmantojot Liquid veidnes atzīmi tīmekļa lapās un iespējojuši komponentus, izmantojot tīmekļa API, kas ir iespējoti lauku līmeņa komponentiem Power Pages veidlapās.
Koda komponentus var pievienot, izmantojot Liquid veidnes atzīmi codecomponent. Atslēga koda komponenta apzīmēšanai, kas ir jāielādē, tiek nodota, izmantojot name atribūtu. Atslēga var būt GUID (kas ir koda komponenta ID) vai programmā Microsoft Dataverse importētā koda komponenta nosaukums.
Koda komponentam sagaidāmo rekvizītu vērtības ir jānodod kā atslēgas/vērtību pāris, kas atdalīts ar ":" (kols), kur atslēga ir rekvizīta nosaukums un vērtība ir JSON virknes vērtība.
{% codecomponent name: <ID or name> <property1:value> <property2:value> %}
Piemēram, lai pievienotu koda komponentu ar Liquid veidnes atzīmi, kurā bija paredzēts ievades parametrs ar nosaukumu controlValue:
{% codecomponent name:abc_SampleNamespace.MapControl controlValue:'Space Needle' controlApiKey:<API Key Value>%}
Padoms
Šajā piemērā tiek izmantoti parametri, ko sauc par controlvalue un controlApiKey, tomēr komponentam, ko lietojat, var būt nepieciešami dažādi parametru nosaukumi.
Varat izmantot kartējuma parauga vadīklu un iepakot koda komponentu kā risinājumu lietošanai ar Power Pages.
Piezīmes
Kopienas izveidotie rīki netiek atbalstīti risinājumā Microsoft. Ja rodas jautājumi vai problēmas ar kopienas resursiem, sazinieties ar resursa izstrādātāju. Pirms šo resursu izmantošanas ir jānodrošina, ka šie kopienas resursi atbilst Power Apps component framework vadlīnijām, un tos drīkst izmantot tikai atsauces nolūkam.
Pamācība: izmantojiet koda komponentus lapās ar Liquid veidnes atzīmi
Šajā pamācībā jūs konfigurēsiet Power Pages, lai komponentu pievienotu tīmekļa lapai. Un pēc tam jūs apmeklēsiet vietnes tīmekļa lapu un mijiedarbosieties ar komponentu.
Pirms sākt darbu
Ja izmantojat šajā reģionā izmantoto parauga koda komponentu, pirms nākamo darbību sākšanas pārliecinieties, vai vispirms importējat parauga risinājumus vidē. Informāciju par risinājumu importēšanu skatietRisinājumu importēšana.
Priekšnoteikumi
Par priekšnosacījumiem un portalos atbalstītajiem/neatbalstītajiem koda komponentiem programmā Power Pages skatiet Koda komponentu izmantošana programmā Power Pages.
Piezīmes
Šī pamācība izmanto parauga koda komponentu, kas izveidots, izmantojot Power Apps component framework, lai demonstrētu kartējuma vadīklu tīmekļa lapā. Tā vietā jūs varat lietot arī jebkuru esošu vai jaunu komponentu, kā arī jebkuru citu tīmekļa lapu šai pamācībai. Šādā gadījumā pārliecinieties, ka lietojat savu komponentu un tīmekļa lapu, izpildot šajā tīmekļa pamācībā norādītās darbības. Papildu informāciju par koda komponentu izveidi skatiet Pirmā komponenta izveide.
1. darbība. Koda komponenta pievienošana tīmekļa lapai no Studio
Atlasiet darbvietu Lapas un atlasiet + Lapa.
Piešķirt lietotnei nosaukumu. Piemēram, Karšu skatītājs.
Atlasiet lapas izkārtojumu Sākt no tukšas veidnes.
Atlasiet pogu Rediģēt kodu , lai atvērtu Visual Studio Code tīmeklim.
Pievienojiet vadīklu starp
<div></div>ar Liquid veidnes atzīmi, izmantojot šādu sintaksi:{% codecomponent name:abc\_SampleNamespace.MapControl controlValue:'Space Needle' controlApiKey:'<API Key Value>' %}
Padoms
Lai izgūtu visu importēto komponentu detalizēto informāciju un meklētu komponenta nosaukumu, skatiet CustomControl tīmekļa API.
Piemēram:
Lai meklētu komponentu:
https://contoso.api.crm10.dynamics.com/api/data/v9.2/customcontrols?$select=ContosoCustomControlNameLai izgūtu komponenta ievades parametrus:
https://contoso.api.crm10.dynamics.com/api/data/v9.2/customcontrols?$filter=name eq 'ContosoCustomControlName' &$select=manifest
Lai saglabātu atjaunināšanas kodu, tastatūrā atlasiet taustiņu kombināciju CTRL-S.
Pārejiet atpakaļ uz noformēšanas studiju un atlasiet Sinhronizēt, lai atjauninātu tīmekļa lapu ar labojumiem no Visual Studio Code.
Augšējā labajā stūrī atlasiet Priekšskatījums un Darbvirsma, lai priekšskatītu vietni.
Tagad tīmekļa lapā tiks rādīta tai pievienotā vadīkla.
Nākamās darbības
Pārskats: koda komponentu izmantošana portālos