Prikaz ikon po meri namesto vrednosti v pogledih seznama

Velja za: Dynamics 365 (v spletu), različica 9.x

Nekatere funkcije vpogledov v odnose prikažejo poglede seznama, ki v nekaterih stolpcih prikazujejo ikone namesto besedila ali številskih vrednosti. Čeprav je bila ta zmožnost ustvarjena z namenom, da podpira posebne funkcije vpogledov v odnose, lahko skrbniki in prilagojevalci s programskim jezikom JavaScript dodajajo tudi novo grafiko in ustvarjajo logiko, s pomočjo katere izberejo funkcije na podlagi vrednosti stolpcev.

Opomba

Mrežne ikone so prikazane le v spletnem vmesniku. Niso prikazane v programu Outlook ali v mobilnem programu.

Dodajanje grafike po meri in programskega jezika JavaScript kot spletnih virov v programu Dynamics 365

  1. Ustvarite nove grafične datoteke, ki so potrebne za prilagajanje. Priporočena velikost ikone je 16 x 16 slikovnih pik (večje slike bodo pomanjšane).

  2. Napišite eno ali več funkcij JavaScript, ki določajo, katere ikone je treba prikazati za določene vrednosti (ponavadi potrebujete eno funkcijo za vsak stolpec, ki ga želite prilagoditi). Vsaka funkcija mora sprejeti podatkovni predmet vrstice in kodo jezika (LCID) kot vnos in vrniti polje, ki vsebuje ime slike in besedilo opisa orodja. Primer funkcije je na voljo v razdelku Vzorčna funkcija JavaScript v nadaljevanju te teme.

  3. V Dynamics 365 se vpišite kot skrbnik in se pomaknite v razdelek Nastavitve > Prilagoditve > Prilagoditev sistema.

  4. Odpre se pojavno okno Privzeta rešitev. Tukaj se pomaknite v razdelek Komponente > Spletni viri.

  5. Zdaj boste vsako grafiko po meri posebej prenesli kot spletni vir. Če želite ustvariti nov spletni vir, v orodni vrstici kliknite gumb Novo. Odpre se drugo pojavno okno, s katerim lahko ustvarite vir. Naredite nekaj od tega:

    1. Za novi vir vnesite smiselno Ime. To je ime, s katerim se boste sklicevali na posamezno grafiko iz kode JavaScript.

    2. Vrsto nastavite v grafično obliko, ki ste jo uporabljali za shranjevanje grafične datoteke (PNG, JPEG ali GIF).

    3. Kliknite gumb Izberi datoteko, da odprete okno datotečnega brskalnika. Z njim poiščite grafično datoteko in jo izberite.

    4. Po želji dodajte Prikazno ime in/ali Opis.

    5. Kliknite Shrani in nato zaprite okno Spletni vir.

  6. Prejšnji korak ponovite za vse grafične datoteke, ki jih imate.

  7. Zdaj boste programski jezik JavaScript dodali kot končni spletni vir. Če želite ustvariti nov spletni vir, v orodni vrstici kliknite gumb Novo. Odpre se drugo pojavno okno, s katerim lahko ustvarite vir. Naredite nekaj od tega:

    1. Za novi vir vnesite smiselno Ime.

    2. Polje Vrsta nastavite na Skript (JScript).

    3. Kliknite Urejevalnik besedila (poleg nastavitve Vrsta), da odprete okno urejevalnika besedila. Tu prilepite kodo Javascript in kliknite V redu, da jo shranite.

    4. Po želji dodajte Prikazno ime in/ali Opis.

    5. Kliknite Shrani in nato zaprite okno Spletni vir.

  8. Medtem ko je pojavno okno Privzeta rešitev odprto, razširite drevesni prikaz Komponente > Entitete in poiščite entiteto, ki jo želite prilagoditi.

  9. Razširite entiteto in izberite ikono Pogledi.

  10. Zdaj vidite seznam pogledov za izbrano entiteto. Kliknite in izberite pogled na seznamu. Nato v orodni vrstici odprite spustni seznam Več dejanj in izberite Uredi.

  11. Odpre se novo pojavno okno s kontrolniki za urejanje izbranega pogleda. Prikazan je vsak stolpec, ki je del pogleda. Če želite izbrati ciljni stolpec, ga kliknite, nato pa v polju Pogosta opravila kliknite gumb Spremeni lastnosti. Odpre se pogovorno okno Spremeni lastnosti stolpca; tu izvedite naslednje nastavitve:

    • Spletni vir: določite ime spletnega vira, ki ste ga ustvarili z namenom, da omogoča funkcije Javascript (kliknite gumb »Prebrskaj«, da na seznamu izberete ime).

    • Ime funkcije: vnesite ime funkcije, ki ste jo napisali za spreminjanje izbranega stolpca in pogleda.

  12. Če želite zapreti pogovorno okno Spremeni lastnosti stolpca, kliknite V redu.

  13. Če želite shraniti pogled, kliknite Shrani in zapri.

  14. Po potrebi ponovite te korake za vsako entiteto, pogled in stolpec, kot je potrebno.

  15. Ko boste pripravljeni, kliknite Objavi vse prilagoditve, da objavite spremembe. Nato lahko pojavno okno Privzeta rešitev zaprete.

Vzorčna funkcija JavaScript

Funkcija JavaScript za prikazovanje ikon in opisov orodja po meri pričakuje naslednji dve trditvi: celoten predmet vrstice, naveden v postavitvi layoutxml, in lokalni ID kličočega uporabnika (LCID). Parameter LCID omogoča, da besedilo opisa orodja določite v več jezikih. Če želite več informacij o jezikih, ki jih podpira Dynamics 365, glejte Omogočanje jezikov in Namestitev ali nadgradnja jezikovnih paketov za Dynamics 365. Če želite seznam lokalnih vrednosti ID-jev (LCID), ki jih lahko uporabite v kodi, glejte Lokalni ID-ji, ki jih je dodelil Microsoft.

Ob predpostavki, da boste za atribut z naborom možnosti, ki ima omejen nabor vnaprej določenih možnosti, dodajali ikone po meri, poskrbite, da namesto oznake uporabite celoštevilsko vrednost možnosti in se na ta način izognete težavam pri lokalizaciji.

Naslednja vzorčna koda prikazuje ikone in opise orodij, ki temeljijo na eni od treh vrednosti (1: »Visoka«, 2: »Srednja«, 3: »Nizka«) v atributu »opportunityratingcode« (»Ocena«). Vzorčna koda prikazuje tudi, kako prikazati lokalizirano besedilo opisa orodja. Če želite, da ta vzorec deluje, morate v primerku Dynamics 365 ustvariti tri spletne vire slike s slikami velikosti 16 x 16 slikovnih pik in jih poimenovati z naslednjimi imeni: new_Hot, new_Warm in new_Cold.

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;  
}  

Posledično se v stolpcu Ocena prikažejo ikone z opisi orodij, ki so odvisne od vrednosti v posamezni vrstici. Rezultat bi bil lahko videti takole:

Primer slike za stolpec po meri

Glejte tudi

Ustvarjanje ali urejanje pogledov