Rādīt pielāgotas ikonas līdzās vērtībām saraksta skatos
Power Apps vides administratori un pielāgotāji var skatam pievienot grafiskos elementus un izveidot loģiku, kas izmantojama grafiska elementa atlasīšanai, pamatojoties uz kolonnas vērtību, izmantojot JavaScript. Funkcija ļauj pielāgot sarakstu skatus, kas parāda ikonas līdzās tekstam vai skaitliskām vērtībām.
Šajā piemērā pielāgotās ikonas tiek rādītas iespēju tabulas skatā, kas ir pieejama noteiktās programmās, piemēram, Dynamics 365 Sales. Pielāgotas ikonas var parādīt skatā ar citām standarta tabulām, piemēram, uzņēmuma vai kontaktpersonas tabulu, kā arī pielāgotas tabulas.
Pielāgotas ikonas sarakstu skatos var attēlot Vienotajā interfeisā, mantotajā tīmekļa klientā, mobilajā programmā un App for Outlook.
Piezīme
Pielāgotas ikonas nav pieejamas, ja programma ir mobilās bezsaistes režīmā.
Pielāgotu grafisko elementu un JavaScript pievienošana tīmekļa resursu veidā
Izveidojiet jaunos grafikas failus, kas nepieciešami pielāgošanai. Ieteicamais ikonas izmērs ir 16 x 16 pikseļi (lielāki attēli tiks samazināti).
Uzrakstiet vienu vai vairākas JavaScript funkcijas, kas nosaka, kuras ikonas rādīt kurām vērtībām (parasti nepieciešama viena funkcija katrai kolonnai, kuru vēlaties pielāgot). Katrai funkcijai ir jāpieņem rindas datu objekts un valodas (LCID) kods kā ievade un jāatgriež masīvs, kas satur attēla nosaukumu un rīka padoma tekstu. Piemēra funkciju skatiet zemāk šajā rakstā, sadaļā JavaScript funkcijas piemērs
Pierakstieties savā vidē kā administrators un atveriet risinājumu pārlūku.
Tiek atvērts uznirstošais logs Noklusējuma risinājums. Pārejiet uz Komponenti > Tīmekļa resursi.
Tagad varat pa vienai augšupielādēt savas pielāgotās grafikas kā tīmekļa resursus. Rīkjoslā atlasiet pogu Jauns, lai izveidotu jaunu tīmekļa resursu. Tiek atvērts cits uznirstošais logs, lai palīdzētu jums izveidot resursu. Veiciet šīs darbības:
Piešķiriet jaunajam resursam jēgpilnu Nosaukumu. Šis ir nosaukums, kuru izmantosiet, lai atsauktos uz katru grafisko elementu no sava JavaScript koda.
Vienumam Tips iestatiet grafikas formātu, kuru izmantojāt, lai saglabātu grafikas failu (PNG, JPEG vai GIF).
Atlasiet Izvēlēties failu, lai atvērtu failu pārlūka logu. Izmantojiet to, lai atrastu un atlasītu savu grafikas failu.
Ja vēlaties, pievienojiet Parādāmo vārdu un/vai Aprakstu.
Atlasiet Saglabāt un pēc tam aizveriet logu Tīmekļa resurss.
Atkārtojiet iepriekšējo darbību katram grafikas failam.
Tagad varat pievienot savu JavaScript kā galīgo tīmekļa resursu. Rīkjoslā atlasiet Jauns, lai izveidotu jaunu tīmekļa resursu. Tiek atvērts cits uznirstošais logs, lai palīdzētu jums izveidot resursu. Veiciet tālāk norādītās darbības.
Piešķiriet jaunajam resursam jēgpilnu Nosaukumu.
Iestatiet vienumam Tips opciju Skripts (JScript).
Atlasiet Teksta redaktors (blakus iestatījumam Tips ), lai atvērtu teksta redaktora logu. Ielīmējiet šeit savu Javascript kodu un atlasiet Labi, lai to saglabātu.
Ja vēlaties, pievienojiet Parādāmo vārdu un/vai Aprakstu.
Atlasiet Saglabāt un pēc tam aizveriet logu Tīmekļa resurss.
Kamēr uznirstošais logs Noklusējuma risinājums joprojām ir atvērts, izvērsiet koku Komponenti > Tabulas un atrodiet tabulu, kuru vēlaties pielāgot.
Izvērsiet tabulu un atlasiet tās ikonu Skati.
Tagad varat redzēt skatu sarakstu atlasītajai tabulai. Sarakstā atlasiet kādu skatu. Pēc tam rīkjoslā atveriet nolaižamo sarakstu Citas darbības un atlasiet Rediģēt.
Tiek parādīts uznirstošais logs ar vadīklām atlasītā skata rediģēšanai. Tajā ir parādīta katra kolonna, kas ietilpst skatā. Atlasiet mērķa kolonnu un pēc tam atlasiet Mainīt rekvizītus lodziņā Bieži veicamie uzdevumi. Tiek atvērts dialogs Kolonnas rekvizītu maiņa; tajā veiciet šādus iestatījumus:
Tīmekļa resurss: norādiet tīmekļa resursa nosaukumu, kuru izveidojāt savu Javascript funkciju glabāšanai (atlasiet Pārlūkot, lai izvēlētos no saraksta).
Funkcijas nosaukums: ierakstiet funkcijas nosaukumu, kuru uzrakstījāt, lai modificētu atlasīto kolonnu un skatu.
Atlasiet Labi, lai aizvērtu dialogu Mainīt kolonnas rekvizītus.
Atlasiet Saglabāt un aizvērt, lai saglabātu savu skatu.
Pēc nepieciešamības atkārtojiet šos soļus katrai tabulai, skatam un kolonnai.
Kad esat gatavs, atlasiet Publicēt visus pielāgojumus, lai publicētu izmaiņas. Pēc tam aizveriet logu Noklusējuma risinājums.
JavaScript funkcijas paraugs
JavaScript funkcijai pielāgotu ikonu un rīku padomu attēlošanai jābūt šādiem diviem argumentiem: visas rindas objekts, kas norādīts layoutxml, un izsaukušā lietotāja lokalizācijas ID (LCID). Parametrs LCID ļauj norādīt rīka padoma tekstu vairākās valodās. Papildinformāciju par vides atbalstītajām valodām skatiet tēmā Valodu iespējošana un Valodu pakotņu instalēšana vai jaunināšana. Tādu lokalizācijas ID (LCID) vērtību sarakstu, kuras var izmantot kodā, skatiet sadaļā Microsoft piešķirtie lokalizācijas ID.
Pieņemot, ka pievienosiet pielāgotas ikonas atribūta tipam “opciju kopa”, kam ir ierobežots iepriekš definētu opciju kopums, pārliecinieties, ka izmantojat opciju veselu skaitli, nevis etiķeti, lai izvairītos no lokalizācijas problēmām.
Piezīme: ja ikonas noteikšanai ir nepieciešams izgūt datus, vienotais interfeiss atbalsta objekta JavaScript Promise atgriešanu ar Būla vērtību (līdzīgi lentes kārtulām). Neizmantojiet sinhrono XMLHttpRequest (XHR) jūsu pielāgotajai funkcijai.
Tālāk redzamais koda paraugs attēlo ikonas un rīku padomus, pamatojoties uz kādu no trīs vērtībām (1: Karsts 2: Silts, 3: Auksts), atribūtā opportunityratingcode (Novērtējums). Koda paraugs arī norāda, kā attēlot lokalizētu rīka padoma tekstu. Lai šis paraugs darbotos, ir jāizveido trīs attēlu tīmekļa resursi ar 16 x 16 lieluma attēliem ar šādiem nosaukumiem: new_Hot, new_Warm, un new_Cold.
Svarīgi
Šajā paraugā ir nepieciešama iespējas tabula, kas ir pieejama kopā ar programmu Dynamics 365 Sales.
function displayIconTooltip(rowData, userLCID) {
var str = JSON.parse(rowData);
var coldata = str.opportunityratingcode_Value;
var imgName = "";
var tooltip = "";
switch (parseInt(coldata,10)) {
case 1:
imgName = "new_Hot";
switch (userLCID) {
case 1036:
tooltip = "French: Opportunity is Hot";
break;
default:
tooltip = "Opportunity is Hot";
break;
}
break;
case 2:
imgName = "new_Warm";
switch (userLCID) {
case 1036:
tooltip = "French: Opportunity is Warm";
break;
default:
tooltip = "Opportunity is Warm";
break;
}
break;
case 3:
imgName = "new_Cold";
switch (userLCID) {
case 1036:
tooltip = "French: Opportunity is Cold";
break;
default:
tooltip = "Opportunity is Cold";
break;
}
break;
default:
imgName = "";
tooltip = "";
break;
}
var resultarray = [imgName, tooltip];
return resultarray;
}
Pielāgotais ikonu skats darbību rādīšanai
Primārās kolonnas
Režģa saraksta skatā pielāgotas ikonas, kas tiek lietotas tabulu primārajai kolonnai, aizstāj noklusējuma sistēmas ģenerēto ikonu.
Citas kolonnas
Režģa saraksta skatā pielāgotām ikonām, kas tiek lietotas kolonnai, kas nav tabulas primārā kolonna, tiek rādīta kā sekundāra ikona papildus noklusējuma sistēmas ģenerētajai ikonai.
Kartes veidlapas
Pielāgotās ikonas nomaina noklusējuma sistēmas ģenerēto ikonu, kad skats tiek konfigurēts, lai izmantotu kartes veidlapu.
Skatiet arī
Modeļu vadītu programmu skatu izprašana
Piezīme
Kādas ir jūsu dokumentācijas valodas preferences? Aizpildiet īsu aptauju. (ņemiet vērā, ka aptauja ir angļu valodā)
Aptaujai būs nepieciešamas aptuveni septiņas minūtes. Nekādi personas dati netiks vākti (paziņojums par konfidencialitāti).